Urdu Fonts Preview

🕌 Urdu typography, briefly

Urdu is written in a modified form of the Perso-Arabic script. The script runs right to left, and the letters are joined into words rather than standing alone. This joining behaviour is why a font matters so much for Urdu — the same word can look completely different depending on which calligraphic style the font uses.

There are two main styles you will encounter on screen.

Nastaleeq is the traditional calligraphic style used for Urdu in South Asia. It has sweeping curves, steeply descending strokes, and a natural diagonal flow. Almost every Urdu newspaper, book and printed publication uses a Nastaleeq font, and Jameel Noori Nastaleeq is the most widely circulated commercial example. Nastaleeq is beautiful but it is also demanding: the letters descend diagonally, so the line spacing has to be generous, and at small sizes it can be harder to read than Naskh.

Naskh is the cleaner, more upright Arabic script used for the Quran and for Arabic books. It is what most Urdu websites fall back to when Nastaleeq is not available, because Naskh renders more reliably at small screen sizes and on lower-resolution displays. Google's Noto Naskh Arabic is a good example and is available under a permissive licence.

For digital design, the choice usually comes down to the size. If you are designing a poster, a calligraphy piece or a printed book, Nastaleeq is the right call. If you are designing a website, a mobile app interface, or any text that will be read on a phone at 14 to 16 pixels, Naskh or a modern digital Nastaleeq such as Noto Nastaliq Urdu will be much easier to read.

📥 Where to get Urdu fonts legitimately

The safest source of Urdu fonts is Google Fonts. Every font there is published under the SIL Open Font License, which explicitly permits commercial use, modification and redistribution. For Urdu specifically, Google hosts:

• Noto Nastaliq Urdu — a proper Nastaleeq font, full character coverage, works well on screens.
• Noto Naskh Arabic — the Naskh equivalent, extremely reliable at small sizes.
• Amiri — a classical Arabic Naskh based on the Bulaq Press type, elegant for headings.
• Scheherazade New — another classical Naskh, designed for extended Arabic script support.

For commercial Nastaleeq fonts, the picture is more complicated. Fonts like Jameel Noori Nastaleeq, Nafees Nastaleeq and Mehr Nastaleeq are widely distributed online but their licence terms vary, and many of the "free download" pages hosting them do not have a clear legal basis for doing so. If you are using one of these fonts for a paid project, treat the licence as an open question and either contact the original author or use a properly licensed alternative.

For a printed calligraphy project, the best approach is to commission a Nastaleeq calligrapher or licence a font directly from a foundry such as Alvi Nastaleeq or the Monotype Urdu collection. That guarantees clean provenance and often gets you a font that has been optimised for print at high resolution.

🖥️ Why Urdu sometimes displays as disconnected letters

This is the single most common problem people hit when they first work with Urdu on a computer, and the cause is usually one of four things.

1. The font does not support Urdu character shaping

Arabic script requires a shaping engine that joins letters according to their position in the word. A font that only contains isolated letterforms will display each letter separately, producing the famous "disconnected" look. Naskh and Nastaleeq fonts designed for proper Urdu support contain initial, medial and final forms for every letter, plus the ligatures that make Nastaleeq look right. If you see disconnected letters, the font is the first thing to check.

2. The application does not implement Arabic shaping

Older desktop applications, some PDF viewers and a handful of text editors do not implement the Arabic shaping engine. They show the raw Unicode characters with no joining. The fix is to use a modern browser (Chrome, Edge, Firefox, Safari) or a recent version of the application, all of which handle shaping correctly.

3. The text direction is set wrong

Urdu runs right to left. If the text is displayed left to right, the letters will still join but the word order will be reversed. In HTML, use dir="rtl" on the containing element. In word processors, use the paragraph direction button. In CSS, use direction: rtl.

4. The character encoding is not UTF-8

Older files may use an obsolete encoding that does not include Urdu characters. Saving the file as UTF-8 (without BOM) fixes this in almost every case. Every modern editor defaults to UTF-8; the problem only shows up with legacy files.

📐 Design tips for Nastaleeq

🔒 Your privacy and how we handle data

Nothing you type is sent anywhere. The preview runs as JavaScript in your browser. There is no server-side component, no account and no logging. Whatever you paste into the text area stays on your own device.

Fonts are loaded from Google Fonts. The Noto family and the other preview fonts are served by Google's CDN, which means your browser makes a request to Google when the page loads. That request is anonymous and does not include the text you type. If you would rather not make that request, you can block Google Fonts — the page will still work, but the preview will fall back to your system fonts.

Cookies and advertising. Advertising and analytics cookies are switched off by default. They only turn on if you press Accept all, or select them individually under Manage preferences. You can change your choice at any time from the Cookie Policy page. Full details are in our Privacy Policy.

About the author

❓ Frequently asked questions

Related tools