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:
حسنِ مہ گرچہ بہ ہنگامِ کمال اچّھا ہے |
اس سے میرا مہِ خورشید جمال اچّھا ہے |
بوسہ دیتے نہیں اور دل پہ ہے ہر لحظہ نگاہ |
جی میں کہتے ہیں کہ مفت آئے تو مال اچّھا ہے |
اور بازار سے لے آئے اگر ٹوٹ گیا |
ساغرِ جم سے مرا جامِ سفال اچّھا ہے |
بے طلب دیں تو مزہ اس میں سوا ملتا ہے |
وہ گدا جس کو نہ ہو خوۓ سوال اچّھا ہے |
ان کے دیکھے سے جو آ جاتی ہے منہ پر رونق |
وہ سمجھتے ہیں کہ بیمار کا حال اچّھا ہے |
دیکھیے پاتے ہیں عشّاق بتوں سے کیا فیض |
اک برہمن نے کہا ہے کہ یہ سال اچّھا ہے |
ہم سخن تیشے نے فرہاد کو شیریں سے کیا |
جس طرح کا کہ کسی میں ہو کمال اچّھا ہے |
قطرہ دریا میں جو مل جائے تو دریا ہو جائے |
کام اچّھا ہے وہ، جس کا کہ مآل اچّھا ہے |
خضر سلطاں کو رکھے خالقِ اکبر سر سبز |
شاہ کے باغ میں یہ تازہ نہال اچّھا ہے |
ہم کو معلوم ہے جنّت کی حقیقت لیکن |
دل کے خوش رکھنے کو غالب یہ خیال اچّھا ہے |
Conclusion:
I hope you will found the font useful and working. Feel free to add Noto Nastaleeq Urdu web font into your blog or website.