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.
You can use this font in your application by downloading the font file—available in multiple formats such as
TTF, WOFF, and WOFF2. You may choose the format that best
fits your platform or include multiple formats for broader compatibility.
Some fonts—such as those used for Surah names or Juz titles—depend on special characters or ligatures to
render correctly. Ligature files for these fonts are available on this page.
Standard Quran fonts require a separate Quran script, which you can download from the
Quran Scripts
page.
The next step is to declare the font using @font-face in your CSS file and apply it to your
elements.
@font-face Rule in Your CSS
@font-face {
font-family: 'digitalkhaat-v2';
src: url('https://static-cdn.tarteel.ai/qul/fonts/.ttf');
font-display: swap;
}
@font-face in your html
You can use the font by:
style or CSS:
<div style="font-family: 'digitalkhaat-v2';">
</div>
.my-text {
font-family: digitalkhaat-v2;
}
<p class="my-text"></p>