More about Urdu Blogging

Sorry about another process post, but there were a few issues that I didn’t get to in my last post about Urdu blogging.

Win 98 issues

With a default installation of Windows 98 and Internet Explorer 6.0, you cannot see some of the Urdu characters on this weblog. It seems that Tahoma version 2.3 which is included with Windows only includes the basic Arabic characters and not all the extra Urdu ones. To solve this problem, I installed the Arabic language support for Internet Explorer from the Windows Update site. This did not fix the character issue, though it seems that it is required to display Arabic script properly in Windows 98. I then downloaded the newer version (3.0) of the font from Umair’s Urdu Blog. This fixed the problem in the entry body of the posts, but not in the entry titles or the sidebar. The reason is probably because the later two are using Tahoma Bold which is still the old version.

Since Windows 98 does not seem to support an Urdu keyboard, I downloaded Unipad, a Unicode Text Editor, and copy and pasted the Urdu text I typed in the editor into Intenet Explorer text areas for comments or a new entry. This seems to work well.

CSS issue

While I was struggling with Windows 98, I decided to change my CSS file by adding some more fonts to the font-family attribute for Urdu text. The purpose was to have at least one font which has all the Urdu characters. Unfortunately, it seems that if the first font in the list (Tahoma in my case) is installed on your machine, the page will display using that even if it does not contain all the characters used. Those characters not present in the font will show up as squares in your browser. The browser will not try to locate those characters in other fonts in the list. This is the behavior in Internet Explorer 6.0 at least, which was disappointing.

Font embedding

I tried to embed the Tahoma font with the website, but in the end decided not to do that when I realized the drawbacks of that approach.

First of all, embedding of truetype fonts works only with Microsoft Windows and Internet Explorer. It doesn’t even work with Internet Explorer on Mac. Secondly, if I embed the whole font, it results in a big file. I can reduce the file size by embedding only the characters used on the website. However, this means that I have to re-analyze the website after every change, using WEFT, and upload the new embedded font file.

Blogging Configuration

To elaborate on the essential steps for Urdu blogging in the previous post, here’s what you basically need to do:

  1. Get your computer to type in Urdu either by
    • installing the language pack from your OS, or
    • using a Unicode text editor.
  2. Setting the character set for your weblog to be UTF-8.
  3. Defining some styles for Urdu and English for direction, fonts, etc.

If you blog mainly in Urdu, you might want to set the language and direction for the whole web page to Urdu. This can be accomplished by changing <html> in your blog template(s) to <html lang="ur" dir="rtl">. I think this will result in a scrollbar on the left instead of the default right as well.

By Zack

Dad, gadget guy, bookworm, political animal, global nomad, cyclist, hiker, tennis player, photographer

18 comments

  1. Zack bro,have a look at shairy.com who uses Alkatib font. The font seems much better than the rest of fonts used online beside HiPakistan’s font, which is more accessible and legible.

  2. Ejaz: Somehow their font looks really odd on my machine. It seems like medial form of character is sometimes being used instead of the initial one at shairy.com.

    Also, a lot of these fonts are not truly Unicode because they use Arabic Presentation Forms A and B to create some of the glyph shapes which depend on character position in a word. A better approach is to use the Unicode character and then determine the correct glyph to be used (initial, medial, final) from the word itself.

  3. That’s a nice resource and very encouraging for me to know about too. Thanks Asad for letting all of us know. I hope Zack bro should be updating his list of links too.

  4. Can any body help me ?
    I am one of the fans of Urdu. I come across web site hipakistan.com and read the Urdu section of the site.
    I am also thinking to have urdu web site with pure urdu font support same like hipakistan.com urdu news section. I would be thankfull if you tell me about software to type urdu for web site.
    Same one which using by hipakistan.com. Just give me name of that software and the link from where i can buy it.

    Awaiting for your soonest and positive reply
    Thanking you and Allah Hafiz,

  5. emadullah: I don’t know which software HiPakistan uses for their Urdu news page. They do have their own font which you can download.

    To create Urdu content for the web, you can use standard web page creation software like Dreamweaver or FrontPage etc. but you need the latest versions plus a fairly recent operating system on your computer (Windows XP is best, Windows 2000 might work as well.)

    I have collected some links which might be useful for you.

  6. http://u-r-d-u.blogspot.com

    all about :
    urdu text,
    urdu fonts,
    urdu animation : 2D – 3D,
    urdu softwares,
    urdu blogers,
    urdu futures,
    urdu descriptions,
    urdu words,
    urdu stories,
    urdu with photoshop,
    urdu with flash,
    urdu with ms office etc.

    (read with urdu naskh asiatype, right to left document)

    Best Regards

    Urdu Media

  7. Urdu Blogging and Web

    ا آ ب پ ت ٹ ث ج چ ح خ د ڈ ذ ر ڑ ز ژ س ش ص ض ط ظ ع غ ف ق ک گ ل م ن ں و ہ ھ ء ی ے

    Problems Viewing Urdu Text Above

  8. Miscellaneous

    I have read a number of books in the past month or so and owe you guys about five reviews. Hopefully, I’ll get to them in the next couple of weeks. Asad has informed me that he has created a…

Comments are closed.