Digital Khatt V2 Font

Quran

Digital Khatt V2 is a modern, high-quality Arabic font developed to match the 1420H Madani Mushaf script. It is a variable font<, allowing fine control over weight and style for optimal display across devices and screen sizes.

This font is fully compatible with digital Quranic publishing and follows the Uthmani script. Visit https://digitalkhatt.org/ for more information.

Download Links

Download otf

Using this font

These steps cover the web only. On React Native, Android and iOS you bundle the font with the app instead, using each platform's own font registration.

Download the font in whichever format suits your platform — TTF, WOFF or WOFF2 — or ship several of them so older browsers have a fallback. Then declare it with @font-face and apply it to your elements.

A font on its own is not enough to render the Quran. Most Quran fonts need a matching Quran script, because the text has to use exactly the characters the font was built for. Download the matching script from the Quran Scripts page. Fonts for Surah names, Juz titles and similar decorative text instead rely on ligatures — a lookup table that maps a name to the character that draws it. When this font has one, you will find it in the Ligatures tab above.

1. Download the font

Use the download buttons at the top of this page, then serve the file from your own site or CDN.

2. Declare it in your CSS

CSS

@font-face {
  font-family: 'digitalkhaat-v2';
  src: url('https://static-cdn.tarteel.ai/qul/fonts/dk/DigitalKhattV2.otf') format('opentype');
  font-display: swap;
}

.quran-text {
  font-family: 'digitalkhaat-v2';
}

3. Use it in your markup

HTML

<p class="quran-text" dir="rtl"></p>

Want to see how your own text renders before you wire any of this up? Switch to the Live preview tab.

Tags