Writing web pages in urdu scripts is now so easy. Google web fonts early Access announced experimental draft of Noto Nastaleeq urdu web font. Nastaliq is a calligraphic style of writing the Perso-Arabic script commonly used for writing Urdu, Punjabi, Kashmiri, and Persian, among others.
Here is a verse of poetry from Ghalib using the urdu web font:
اور بازار سے لے آئے اگر ٹوٹ گیا
ساغرِ جم سے مرا جامِ سفال اچّھا ہے
ساغرِ جم سے مرا جامِ سفال اچّھا ہے
Using Google Noto Nastaleeq as Web font:
Seting Nastaleeq typeface as part of default font-family for your website.Add this code to your website.
<link rel="stylesheet" href="//fonts.googleapis.com/earlyaccess/notonastaliqurdudraft.css">
Or Integrate the fonts into your CSS: Add the below code in your css style sheet.
@import url(http://fonts.googleapis.com/earlyaccess/notonastaliqurdudraft.css);
Then update the font-family to include Noto Nastaleeq as suggested and you are good to go.
body {
font-family: 'Noto Nastaliq Urdu Draft', serif;
}
Final Preview:
| حسنِ مہ گرچہ بہ ہنگامِ کمال اچّھا ہے | اس سے میرا مہِ خورشید جمال اچّھا ہے |
| بوسہ دیتے نہیں اور دل پہ ہے ہر لحظہ نگاہ | جی میں کہتے ہیں کہ مفت آئے تو مال اچّھا ہے |
| اور بازار سے لے آئے اگر ٹوٹ گیا | ساغرِ جم سے مرا جامِ سفال اچّھا ہے |
| بے طلب دیں تو مزہ اس میں سوا ملتا ہے | وہ گدا جس کو نہ ہو خوۓ سوال اچّھا ہے |
| ان کے دیکھے سے جو آ جاتی ہے منہ پر رونق | وہ سمجھتے ہیں کہ بیمار کا حال اچّھا ہے |
| دیکھیے پاتے ہیں عشّاق بتوں سے کیا فیض | اک برہمن نے کہا ہے کہ یہ سال اچّھا ہے |
| ہم سخن تیشے نے فرہاد کو شیریں سے کیا | جس طرح کا کہ کسی میں ہو کمال اچّھا ہے |
| قطرہ دریا میں جو مل جائے تو دریا ہو جائے | کام اچّھا ہے وہ، جس کا کہ مآل اچّھا ہے |
| خضر سلطاں کو رکھے خالقِ اکبر سر سبز | شاہ کے باغ میں یہ تازہ نہال اچّھا ہے |
| ہم کو معلوم ہے جنّت کی حقیقت لیکن | دل کے خوش رکھنے کو غالب یہ خیال اچّھا ہے |
