Skip to content

Serve Urdu Web Fonts on your website with CDNs. Simply copy CSS rules to use it on your web page.

Notifications You must be signed in to change notification settings

tariq-abdullah/urdu-web-font-CDN

Repository files navigation

Urdu Web Font CDN

Serve Urdu Web Fonts using CDNs. Copy CSS Rules Below and Add in your Style Tag

In my opinion PDMS_NastaliqNafees is best font in terms of character support vs font file size, so far. Lookwise Jameel Noori Nastaleeq and Lahori Nastaleeq are the best ones so far.

If you want your font to be used here, Pull requests are welcome

In my opinion PDMS_NastaliqNafees (Named Nastaleeq) is best font in terms of character support vs font file size, so far. Lookwise Jameel Noori Nastaleeq and Lahori Nastaleeq are the best ones so fa

Using CSS @font-face

Nastaleeq General (Best Character Support)

(Recommended Font - Fast Loading) | PDMS Jauhar Regular

<style>
@font-face {
  font-family: 'nastaleeq';
  src:  url('https://cdn.jsdelivr.net/gh/tariq-abdullah/urdu-web-font-CDN/_PDMS_Jauhar_Regular.woff') format('woff');
}
</style>

Mehr Nastaleeq (Best Character Support)

(Fast Loading) | Mehr Nastaleeq

<style>
@font-face {
  font-family: 'mehr-nastaleeq';
  src:  url('https://cdn.jsdelivr.net/gh/tariq-abdullah/urdu-web-font-CDN/MehrNastaleeq.ttf') format('ttf');
}
</style>

PDMS Nastaleeq Nafees General (Good Character Support)

<style>
@font-face {
  font-family: 'nastaleeq-nafees';
  src:  url('https://cdn.jsdelivr.net/gh/tariq-abdullah/urdu-web-font-CDN/PDMS_NastaliqNafees.ttf') format('opentype');
}
</style>

Lahori Nastaleeq

<style>
@font-face {
  font-family: 'lahori-nastaleeq';
  src:  url('https://cdn.jsdelivr.net/gh/tariq-abdullah/urdu-web-font-CDN/AlviLahoriNastaleeq.woff2') format('woff2');
}
</style>

Jameel Noori Nastaleeq

<style>
@font-face {
  font-family: 'jameel-noori-nastaleeq';
  src:  url('https://cdn.jsdelivr.net/gh/tariq-abdullah/urdu-web-font-CDN/JameelNooriNastaleeq.woff') format('woff');
}
</style>

Noto Nastaleeq (Best Support)

<style>
@font-face {
  font-family: 'noto-nastaleeq';
  src:  url('https://cdn.jsdelivr.net/gh/tariq-abdullah/urdu-web-font-CDN/NotoNastaliqUrduDraft.woff') format('woff');
}
</style>

Akbar (Good for Headings)

<style>
@font-face {
  font-family: 'akbar';
  src:  url('https://cdn.jsdelivr.net/gh/tariq-abdullah/urdu-web-font-CDN/Akbar.woff') format('woff');
}
</style>

-- if you have questions please direct them to Tariq Abdullah on [email protected]

Copyright

All fonts are copyright of their respective owners. Use at your discretion and please make sure you have permission to use the font.

License

MIT License

About

Serve Urdu Web Fonts on your website with CDNs. Simply copy CSS rules to use it on your web page.

Topics

Resources

Stars

Watchers

Forks

Packages

No packages published