Skip Header
Teaching and Learning with Technology
Computing With Accents and Foreign Scripts
TLT Home : TLT Suggestions Skip Menu

Gurmukhī Script for Punjabi

This Page

  1. About the Gurmukhi Script
  2. Activate Keyboards for Typing
  3. Browser and Font Recommendations
  4. Web Development
    1. Language Code: pa (Punjabi)
  5. Gurmukhi Unicode Chart
  6. Links

About the Script

Gurmukhi is a syllabic alphabet in that it consists of consonants with vowel signs. It's specifically for the Indian language of Punjabi and is similar in structure to Devanagari. This script is also closely related to the Sikh religion and is said to be created by a Sikh guru.

In the past, proper encoding was not always considered a major issue and many larger news or information sites would offer their own fonts to download, but they would only work with those sites. Other sites will use the Roman alphabet instead of Gurmukhi.

Note: Punjabi is also written in the Arabic script in Pakistan.

Top of Page

Activating Keyboards for Fonts

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

Microsoft includes a keyboards for Punjabi, but it may need to be installed from the Windows System disk. See the Windows Complex Scripts Keyboard Instructions for details on how to activate the keyboard. To see where the critical keys are, go to the Microsoft Keyboard Layouts Page.

Macintosh

Apple has two keyboards called Gurmukhi and Gurmukhi QWERTY (phonetic) keyboard. See instructions for activating Macintosh keyboards.

Recommended Applications

The following applications most fully support vowel placements.

Top of Page

Browser and Font Recommendations

Test Sites

If you have your browser configured correctly, the Web sites above should display the correct characters. If you have difficulties, see list below for font and browser configuration instructions.

Fonts by Platform

Additional freeware fonts

Read pages for instructions on whether it is Windows compliant or Linux compliant.
Note on OS X: These fonts can be installed on a Mac, but vowel marks may not display correctly.

See also

Recommended Browsers

Browsers which fully support Unicode are the strongly recommended. Click link in list to view configuration instructions. You will be asked to match a script with a font.

Note on OS X: Only Opera displays most vowel signs correctly on the Mac. Vowel signs are visible in Firefox/Mozilla or Safari, but are displaced off the letter. Users of these browsers can cut and paste text into TextEdit is content is not clear

Note on System 9: Because Unicode support is incomplete in System 9, it may be beneficial to upgrade to OS X if you need to work with Unicode.

Manually Switch Encoding

If you see Roman character gibberish instead of a South Asian script, you will need to manually switch from Western encoding view to the Unicode encoding under the View menu of your browser.

Top of Page

Web Development

Punjabi/Gurmukhi Encoding and Languge 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.

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 meta data tags which indicate the page of a language, not devices to trigger translation. Visit the Language Tag page to view information on where to insert it.

Inputting and Editing Text

One option is to use FrontPage, Netscape/Mozilla Composer or Dreamweaver and change the keyboard to the correct script.  Make sure you specify the encoding in the Web page header.

Another option is to compose the basic text in an international or foreign languags 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 FrontPage or Dreamweaver an edited for formatting.

Unicode Chart with HTML Entity Codes

For short texts, it may be desirable to use Unicode entity codes for Gurmukhi and enter HTML entity codes.

PDF and Image Files

In some cases, your best options may be to use PDF files or image files. See the Web Development Tips section for more details.

Top of Page

Links

Gurmukhi Script

Punjabi Gurmukhi Computing

Top of Page

©Penn State University, 2000-2007.
This Web page maintained by Teaching and Learning with Technology, a unit of Information Technology Services. For questions or comments on this Web page, please contact Elizabeth J. Pyatt (ejp10@psu.edu).
Unicode character names and hexadecimal entity codes are taken from the public Unicode Character Charts.
Last Modified: Monday, 14-Apr-2008 15:59:08 EDT