Teaching and Learning with Technology

Computing With Accents and Foreign Scripts

Skip Menu

Czech and Slovak

Czech (Czech Republic) and Slovak (Slovakia) are two closely related Slavic languages with similar spelling systems.

This Page

  1. Latin-2 Encoding & Language Links
  2. Activate Keyboards for Typing
  3. Browser and Font Setup
  4. Web Development with Czech/Slovak Encoding
    1. Language Codes: cs (Czech), sk (Slovak)
  5. Unicode Character Codes for HTML
  6. Links

Latin-2 (Central European) Encoding

Although Central European languages like Czech, Slovak, Romanian, Polish and Hungarian are written in the Roman alphabet, these languages include characters not commonly found in Western European languages like Spanish and French. These are encoded as Unicode, Latin-2 (ISO-8859-2) or "Central European" and require special font and keyboard support separate from Western European languages.

Czech Language Links

Slovak Language Links

 

Activating Keyboards for Typing

Basic Setup

In order to integrate foreign scripts into your computer, you must set up "keyboard" utilities in your operating system. Keyboards will allow you to switch between typing English and other languages in word processors and Web tools. This process will also make sure the correct fonts are installed are availble for Windows or Macintosh.

Windows

Global Writer (Student Computing Labs)

As of Spring 2005, the international word processor Global Writer is available in the Student Computing Labs. This allows users to easily switch keyboards, including phonetic keyboards which mimic a QWERTY keyboard.

CLC Student Computing Labs: To open Global Writer, go to the Start » Internatinal Language Support » Unitype Global Writer.

Global Writer is available from Unitype for personal purchace.

Other Applications

Microsoft provides keyboard utilities for Central European languages which allow you to add extra characters.

  1. Go to Start then Control Panels then Regional and Language Options. Follow the instructions for Activating the Language Bar
  2. While in the Regional and Language Options control panel, click on the Languages tab, then the Details button.
  3. Click the Add button and select the target language from the Input Language dropdown menu.
  4. Click OK to close all windows and save changes.

See Detailed Instructions for more detailed instructions with screen capture images.

To see where the critical keys are, go to the Microsoft Keyboard Layouts Page.

Macintosh (System 9 & OS X )

Follow the instructions for Activating Macintosh Keyboards to activate and switch Macintosh keyboards. You need to have the Central European items installed. If they are not available on your system, you should reinstall them from a System CD.

Note: Use these Central European keyboards in OS X if you are concerned about backwards compatibility with older documents.

OS X and Extended Keyboard

For these codes you can activate the U.S. Extended keyboard. See the Extended Keyboard Accent Codes for more information.

Czech/Slovak Extended Keyboard Codes

The extended keyboard must be activated in the International System Preferences. Unlike the U.S. standard keyboard, these accent codes work for any letter, not just selected vowels.
Note on Hacheck: The keyboard also converts hacheks after L,D to Ľ and ď with an "apostophe".
Note on Circumflex: Use Option+6 instead of Option+I for circumflex acents.

Mac Accent Codes, X = any letter
ACCENT SAMPLE TEMPLATE
U-Ring ů,Ů Option+K, U
Hachek Caron š,Š Option+V, X
Acute ý,Ý Option+E, X
Circumflex ô,Ô Option+6, X
Umlaut ä,Ä Option+U, X

Example 1: To input the lower case ý (y-acute) hold down the Option key, then the E key. Release both keys then type lowercase y.
Example 2: To input the capital Ý, hold down the Option key, then the E key. Release all three keys then type capital Y.

Third-Party Slovak Keyboard

A third-party Slovak keyboard designed for the U.S. audience is available from Leslie Turek. All Slovak letters are available via option keys.

Browser and Font Setup

Please note which fonts are needed for each platform before viewing instructions to configure your browsers in the Preferences or Tools menu. Most browsers are recommended, but older browsers like Netscape 4.7 may need more adjustments.

Fonts by Platform

Recommended Browsers

All modern browsers support this script. Click link in list to view configuration instructions. In some cases, you will be asked to match a script with a font.

Testing and Troubleshooting Web Sites

NOTE: The following test Web sites were selected randomly. They are in no way endorsed or critiqued by Penn State.

Test Web Site - www.osobnosti.cz (Celebrity Bios)

If you have your browser configured correctly, the Web sites above should display Czech or Slovak letters.

Manually Switch Encoding

If you see some unusual letters instead of the appropriate Central European letters, you will need to manually switch from Western encoding to one of the Central European encodings or Unicode under the View menu of your browser.

Top of Page

Web Development

Czech and Slovak Encoding and Language Tags

These are the codes which allow browsers and screen readers to process data as the appropriate language. All letters in codes are lower case. If you are developing a new Web page, Unicode is recommended since the page can also support characters from Western European and Cyrillic languages.

See Using Encoding and Language Codes for more information on the meaning and implementation of these codes.

Inputting and Editing Text in an HTML Editor

One option is to use Dreamweaver, Microsoft Expression or other Web editor and change the keyboard to the correct script. This will allow you to type content in directly with the appropriate script. However, it is important to verify that the correct encoding is specified in the Web page header.

Another option is to compose the basic text in an international or foreign language text editor or word processor and export the content as an HTML or text file with the appropriate encoding. This file could be opened in another HTML editor such as Dreamweaver or Microsoft Expression, and edited for formatting.

Other Web Tools

For Web tools such as Blogs at Penn State, Facebook, Twitter, del.icio.us, Flicker, and others, users can typically change the keyboard and input text. In most cases, this content will be encoded as Unicode.

Using Encoding and Language Codes

Computers process text by assuming a certain encoding or a system of matching electronic data with visual text characters. Whenever you develop a Web site you need to make sure the proper encoding is specified in the header tags; otherwise the browser may default to U.S. settings and not display the text properly.

To declare an encoding, insert or inspect the following meta-tag at the top of your HTML file, then replace "???" with one of the encoding codes listed above. If you are not sure, use utf-8 as the encoding.

Generic Encoding Template

<head>
<meta http-equiv="Content-Type" content="text/html; charset=??? ">
...
<head>

Declare Unicode

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8 ">
...
<head>

XHTML

The final close slash must be included after the final quote mark in the encoding header tag if you are using XHTML

Declare Unicode in XHTML

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
...
<head>

No Encoding Declared

If no encoding is declared, then the browser uses the default setting, which in the U.S. is typically Latin-1. In that case many Unicode characters could be displayed incorrectly. Also, older browsers such as Netscape 4.7 may not be able to process the entity codes correctly without the "utf-8" declaration.

Language Tags

Language tags are also suggested so that search engines and screen readers parse the language of a page. These are metadata tags which indicate the language of a page, not devices to trigger translation. Visit the Language Tag page to view information on where to insert it.

Top of Page

Inserting Unicode Character Codes for HTML

HTML Entity Codes

Use these codes to input accented letters in HTML for short words and phrases. For instance, if you want to type čtrnáct you would type &#269;trn&aacute;ct.

Be sure the appropriate Encodings and Language Tags are used.

NOTE: Because these are Unicode characters, the formatting may not exactly match that of the surrounding text depending on the browser.
Note on Hacheck Caron: The hacheck mark for L,D is visually similar to an apostrophe.

Vowel Symbols

Vowels with Acute Accent
Vwl Entity Codes
Á &Aacute; (193)
á &aacute; (225)
É &Eacute; (201)
é &eacute; (233)
Í &Iacute; (205)
í &iacute;(237)
Ó &Oacute; (211)
ó &oacute; (243)
Ú &Uacute; (218)
ú &uacute; (250)
Ý &Yacute; (221)
ý &yacute; (253)

Other Vowel Accents
Vwl Entity Codes
Ä &Auml; (196)
Capital A umlaut
ä &auml; (228)
Lower A umlaut
Ě &#282;
Capital E hachek
ě &#283;
Lower
E-hachek
Ô &Ocirc; (212)
Capital O circumflex
ô &ocirc; (244)
Lower O circumflex
Ů &#366;
Capital U-ring
ů &#367;
Lower U-ring

Consonant Symbols

Consonants with Acute Accent
Let Entity Codes
Ĺ &#313;
Capital L acute
ĺ &#314;
Lower L-acute
Ŕ &#340; 
C
apital R acute
ŕ &#341;
Lower R-acute

 

Consonants with Hachek
Let Entity Codes
Č &#268; 
Capital C hachek
č &#269;
Lower C hachek
Ď &#270; 
Capital D hachek
ď &#271;  
Lower D hachek 
Ľ &#317;
Capital L hachek
ľ &#318;
Lower L-hachek
Ň &#327; 
Capital N hachek
ň &#328;
Lower N-hachek
Ř &#344; 
Capital R hachek
ř &#345;
Lower R-hachek
Š &#352; 
Capital S hachek
š &#353;
Lower S-hachek
Ť &#356; 
Capital T hachek
ť &#357;  
Lower T hachek (apos)
Ž &#381;
Capital Z hachek
ž &#382;
Lower Z-hachek

 

European Quote Marks

Many modern texts use American style quotes, but if you wish to include European style quote marks, here are the codes. Note that these codes may not work in older browsers.

Entity Codes for Quotation Marks
Sym HTMl Entity Code
« &laquo; (left angle)
» &raquo; (right angle)
&lsaquo; (left single angle)
&rsaquo; (right single angle)
&bdquo;(bottom quote)
&sbquo;(single bottom quote)
&ldquo;(left curly quote)
&lsquo;(left single curly quote)
&rdquo;(right curly quote)
&rsquo;(right single curly quote)
&ndash; (en dash)
&mdash; (em dash)

Top of Page

Links

Czech Language Links

Slovak Language Links

Latin 2 Resources

Slavic Languages

Last Modified: Tuesday, 04-Jun-2013 12:39:40 EDT