Urdu Fonts: Nastaliq vs Naskh and How to Choose
A practical guide to Urdu fonts — the difference between Nastaliq and Naskh, which to use where, where to download them, and how to make Urdu look right on the web.
Urdu written in the wrong style is perfectly readable and still feels wrong — the way English set in blackletter feels wrong for a business email. Choosing an Urdu font is mostly about understanding two calligraphic traditions and knowing when each belongs.
Nastaliq: the Urdu default
Nastaliq (نستعلیق) is the script Urdu readers expect. Words hang diagonally, sloping down from right to left, and letters stack into dense ligatures rather than sitting on a flat line.
It developed in 14th-century Persia and became the standard for Urdu, Persian and Kashmiri. Urdu newspapers, poetry, book covers and formal documents are almost universally Nastaliq.
Characteristics
- Strong diagonal flow — each word descends as it progresses
- Heavy ligature use; letter shapes change substantially in combination
- Needs generous vertical space, roughly twice the line height of Latin text
- Dramatic thick-to-thin stroke contrast
Where to use it
Body text, headlines, poetry, print, anything cultural or formal — essentially all reading matter.
Popular Nastaliq fonts
Noto Nastaliq Urdu — Google's open-source Nastaliq. Free under the SIL Open Font License, well-supported across browsers, with full diacritic coverage. This is what this site uses, self-hosted so it renders identically for everyone.
Jameel Noori Nastaleeq — the most widely used Nastaliq in Pakistan and the default in InPage. Beautiful and traditional, but licensing varies by source, so check before commercial use.
Alvi Nastaleeq, Fajer Noori Nastalique — further traditional options, generally used in print workflows.
Naskh: the practical alternative
Naskh (نسخ) is rounder, sits on a straight horizontal baseline, and uses far fewer ligatures. It is the dominant style for Arabic and appears in Urdu wherever technical constraints make Nastaliq impractical.
Characteristics
- Flat baseline, horizontal flow
- Simpler letterforms with less positional variation
- Compact line height
- Renders crisply at small sizes
Where to use it
Interface labels, form fields, small captions, dense tables, low-resolution displays — places where Nastaliq's diagonal flow and height requirements cause problems.
Popular Naskh fonts
Noto Naskh Arabic covers Urdu characters well and is free under the OFL.
A third option: Urdu Sans
Modern sans-serif Arabic-script faces such as Noto Sans Arabic strip out the calligraphic contrast entirely. They look contemporary and render very cleanly, but read as distinctly non-traditional.
Reasonable for app interfaces and data-heavy screens. Rarely right for body text an Urdu reader will sit with.
Choosing quickly
| Context | Use |
|---|---|
| Article or book body text | Nastaliq |
| Poetry | Nastaliq, always |
| Newspaper or magazine | Nastaliq |
| App buttons and labels | Naskh or Sans |
| Small captions, tables | Naskh |
| Watch or low-res display | Naskh or Sans |
The default should be Nastaliq. Deviate only when there is a concrete technical reason.
Making Urdu look right on the web
Choosing the font is half the job. These details decide whether it actually looks correct.
Give it room
Nastaliq's descenders collide at normal Latin line heights. This is the single most common mistake:
[lang='ur'] {
font-family: 'Noto Nastaliq Urdu', serif;
line-height: 2.35;
}A line height of 2.3–2.4 is not excessive for Nastaliq — it is the minimum for legibility.
Set direction explicitly
[lang='ur'] {
direction: rtl;
text-align: right;
}Relying on Unicode's automatic bidirectional algorithm works for pure Urdu but produces strange results as soon as Latin words, numbers or punctuation are mixed in.
Self-host your fonts
Nastaliq files are large — the Arabic subset of Noto Nastaliq Urdu is around 150 KB per weight. Self-hosting gives you control over caching, avoids a third-party request on every page load, and means the font is available offline.
Do not preload Nastaliq
Because the files are large, preloading Nastaliq competes with your page's actual content and hurts Largest Contentful Paint. Preload your Latin font; let Nastaliq load normally.
Enable the right features
[lang='ur'] {
font-feature-settings: 'kern' 1, 'liga' 1, 'calt' 1;
}Contextual alternates (calt) are what select the correct positional letterforms. Without them Nastaliq falls apart.
Licensing
Before using any Urdu font commercially, check its licence:
- SIL Open Font License — free for any use including commercial, as long as you do not sell the font itself. All Noto fonts use this.
- Proprietary — many traditional Nastaliq fonts, including some versions of Jameel Noori, have restrictions. Verify the source.
When in doubt, Noto fonts are the safe choice.
Try before you commit
The easiest way to choose is to see your own text in each style. Our Urdu font preview lets you type a sentence and compare Nastaliq, Naskh and Sans side by side at any size.
Type a line of poetry into it. The difference between the styles stops being theoretical immediately.
Keep reading
Urdu Unicode Explained: Why Your Text Breaks and How to Fix It
Why Urdu that looks perfect in one app turns to squares in another — and how to repair it. A practical guide to Urdu Unicode, Arabic lookalike letters and Presentation Forms.
12 Urdu Typing Tips That Will Double Your Speed
Practical tips for typing Urdu faster and more accurately — spelling conventions, keyboard shortcuts, diacritics, and the mistakes that slow most people down.
Unicode vs InPage: Why Urdu Publishing Is Finally Moving On
The difference between Unicode Urdu and legacy InPage files, why InPage dominated Urdu publishing for decades, and how to convert old documents without losing your work.