LateefGR is a Graphite-enabled font that supports the Arabic script. This page demonstrates the use of .woff fonts (using LateefGR) on a web page. A pdf showing the correct rendering of this text is also shown here.

The LateefGR font includes a number of optional features that provide alternative rendering that might be preferable for use in some contexts. The sections below enumerate the details of these features. Whether these features are available to users will depend on the level of support by both the application and the rendering technology (Graphite) being used.

In Mozilla Firefox, with Graphite rendering, Language-specific features can be accessed using the appropriate CSS markup.

As no other browsers support Graphite, this font and its features can only be used in Mozilla Firefox.

Test rendering engine choice

Here is a simple test to see if Graphite is working in your browser. If it is, the following will say “RenderingGraphite”. If your browser does not support Graphite it should say “RenderingUnknown” (and Arabic will not render properly on the page). Firefox is currently the only browser that supports Graphite. See the instructions on how to enable Graphite in Firefox.

Check RenderingUnknown

Language

Affects: U+0645, U+0765, U+0766, U+0647, U+06F4, U+06F5, U+06F6, U+06F7, U+0650

Language Sample Rendering* Feature setting
default م ممم ݥ ݥݥݥ ݦ ݦݦݦ ه ههه ۴۶۷ ◌ِّ بِّ G,T
Kurdish (Northern) م ممم ݥ ݥݥݥ ݦ ݦݦݦ ه ههه ۴۶۷ ◌ِّ بِّ G,T lang=kmr
Sindhi (sd) م ممم ݥ ݥݥݥ ݦ ݦݦݦ ه ههه ۴۶۷ ◌ِّ بِّ G,T lang=sd
Urdu (ur) م ممم ݥ ݥݥݥ ݦ ݦݦݦ ه ههه ۴۶۷ ◌ِّ بِّ G,T lang=ur

Meem

Affects: U+0645, U+0765, U+0766

Feature Sample Rendering* Feature setting
Standard م ممم ݥ ݥݥݥ ݦ ݦݦݦ G,T cv44=0
Sindhi-style م ممم ݥ ݥݥݥ ݦ ݦݦݦ G,T cv44=1

Heh

Affects: U+0647

Feature Sample Rendering* Feature setting
Standard ه ههه G,T cv48=0
Kurdish-style ه ههه G,T cv48=3
Sindhi-style ه ههه G,T cv48=1
Urdu-style ه ههه G,T cv48=2

Arabic U

Affects: U+0677, U+06C7

Feature Sample Rendering* Feature setting
Standard ٷ ۇ G,T cv50=0
Filled ٷ ۇ G,T cv50=1

Shadda+kasra placement

Affects: U+064D, U+0650 with U+0651

Feature Sample Rendering* Feature setting
Raised بِّ ◌ِّ بٍّ ◌ٍّ G,T cv62=0
Lowered بِّ ◌ِّ بٍّ ◌ٍّ G,T cv62=1

Damma

Affects: U+064F

Feature Sample Rendering* Feature setting
Standard بُ ◌ُ G,T cv70=0
Filled بُ ◌ُ G,T cv70=1

Dammatan

Affects: U+064C

Feature Sample Rendering* Feature setting
Standard بٌ ◌ٌ G,T cv72=0
Six-nine بٌ ◌ٌ G,T cv72=1

Superscript Alef

Affects: U+0670 on all yeh, sad and seen-like characters
U+0649 U+064A U+06D0 U+06D1 U+06CC U+0635 U+0636 U+069D U+069E U+06FB U+08AF U+0633 U+0634 U+069A U+069B U+069C U+06FA U+075C U+076D U+0770

Feature Sample Rendering* Feature setting
Large ئٰ ئٰئٰئٰ ىٰ ىٰىٰىٰ يٰ يٰيٰيٰ ٸٰ ٸٰٸٰٸٰ ېٰ ېٰېٰېٰ ۑٰ ۑٰۑٰۑٰ ؽٰ ؽٰؽٰؽٰ یٰ یٰیٰیٰ ێٰ ێٰێٰێٰ صٰ صٰصٰصٰ ضٰ ضٰضٰضٰ ڝٰ ڝٰڝٰڝٰ ڞٰ ڞٰڞٰڞٰ ۻٰ ۻٰۻٰۻٰ سٰ سٰسٰسٰ شٰ شٰشٰشٰ ښٰ ښٰښٰښٰ ڛٰ ڛٰڛٰڛٰ ڜٰ ڜٰڜٰڜٰ ۺٰ ۺٰۺٰۺٰ ݜٰ ݜٰݜٰݜٰ ݭٰ ݭٰݭٰݭٰ ݰٰ ݰٰݰٰݰٰ G,T cv76=0, cv76=1
Small ئٰ ئٰئٰئٰ ىٰ ىٰىٰىٰ يٰ يٰيٰيٰ ٸٰ ٸٰٸٰٸٰ ېٰ ېٰېٰېٰ ۑٰ ۑٰۑٰۑٰ ؽٰ ؽٰؽٰؽٰ یٰ یٰیٰیٰ ێٰ ێٰێٰێٰ صٰ صٰصٰصٰ ضٰ ضٰضٰضٰ ڝٰ ڝٰڝٰڝٰ ڞٰ ڞٰڞٰڞٰ ۻٰ ۻٰۻٰۻٰ سٰ سٰسٰسٰ شٰ شٰشٰشٰ ښٰ ښٰښٰښٰ ڛٰ ڛٰڛٰڛٰ ڜٰ ڜٰڜٰڜٰ ۺٰ ۺٰۺٰۺٰ ݜٰ ݜٰݜٰݜٰ ݭٰ ݭٰݭٰݭٰ ݰٰ ݰٰݰٰݰٰ G,T cv76=2

Sukun

Affects: U+0652

Feature Sample Rendering* Feature setting
Closed بْ ◌ْ G,T cv78=0
Open down بْ ◌ْ G,T cv78=1
Open left بْ ◌ْ G,T cv78=2

End of ayah

Affects: U+06DD

Firefox allows you to use U+06DD followed by the digits and proper rendering occurs. Some applications require the following:

  • precede the entire sequence (subtending mark plus following digits) with
    202D LEFT-TO-RIGHT OVERRIDE
  • follow the entire sequence with U+202C POP DIRECTIONAL FORMATTING.

Surrounding the sequence with U+202D and U+202C seems to give the most reliable results in different browsers. However, we have not found a solution that works in Internet Explorer/Edge.

Feature Sample Rendering* Feature setting
Standard
(U+202D U+06DD U+0031 U+0032 U+0033 U+202C)
‭۝123‬ G,T cv80=0
Simplified A ‭۝123‬ G,T cv80=1
Simplified B ‭۝123‬ G,T cv80=2

Eastern digits

Affects: U+06F4, U+06F6, U+06F7

Feature Sample Rendering* Feature setting
Standard ۴۶۷ G,T cv82=0
Sindhi-style ۴۶۷ G,T cv82=1
Urdu-style ۴۶۷ G,T cv82=2

Comma

Affects: U+060C, U+061B

Feature Sample Rendering* Feature setting
Upward ، ؛ G,T cv84=0
Downward ، ؛ G,T cv84=1

Dotless head of khah hack

Affects: U+06E1

Feature Sample Rendering* Feature setting
Standard بۡ ◌ۡ G,T cv92=0
Jazm بۡ ◌ۡ G,T cv92=1

*Legend: G=Implemented in Graphite; O=Implemented in OpenType; T=Implemented in TypeTuner (command line version: http://scripts.sil.org/TypeTuner and web-based version: http://scripts.sil.org/ttw).