Design

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 Keyboard4 min read

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.

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.

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

ContextUse
Article or book body textNastaliq
PoetryNastaliq, always
Newspaper or magazineNastaliq
App buttons and labelsNaskh or Sans
Small captions, tablesNaskh
Watch or low-res displayNaskh 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.

urdu fontsnastaliqtypographydesign
Guides4 min read

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.

Urdu Keyboard