Using Lateef webfonts

The page demonstrates how to use the WOFF2 version of Lateef for web pages, using local copies of the .woff2 files in this archive. For more information on this technique - and how to use the normal TrueType version as a web font - see Using SIL Fonts on Web Pages.

The body of this document is styled using an external stylesheet, with Lateef set as the default font, and loaded directly as a WOFF2 file using the @font-face rule. If you're seeing a serif font here then it is working. Otherwise the text will be in a sans-serif or your browser default. This technique has been tested in Firefox, Chrome, Safari, and Edge.

To see specifically how these techniques are specified in the CSS and HTML view the source to this page and the accompanying CSS file.

Test General behavior of Arabic script in webfonts

Regular

شِیلِلیکده، ابراهیمدان داوودا چِنلی بوُلان نِسیلِّر جِمی اوُن دؤرت آرقادئر. داووددان بابئل سوٚرگوٚنینه چِنلی هِم اوُن دؤرت، بابئل سوٚرگوٚنیندِن مِسیحه چِنلی هِم اوُن دؤرت آرقادئر. ۝٢٣ رامادان بیر سِس اِشیدیلدی،

Bold

شِیلِلیکده، ابراهیمدان داوودا چِنلی بوُلان نِسیلِّر جِمی اوُن دؤرت آرقادئر. داووددان بابئل سوٚرگوٚنینه چِنلی هِم اوُن دؤرت، بابئل سوٚرگوٚنیندِن مِسیحه چِنلی هِم اوُن دؤرت آرقادئر. ۝٢٣ رامادان بیر سِس اِشیدیلدی،

Regular with alternate End of Ayah and alternate meem

شِیلِلیکده، ابراهیمدان داوودا چِنلی بوُلان نِسیلِّر جِمی اوُن دؤرت آرقادئر. داووددان بابئل سوٚرگوٚنینه چِنلی هِم اوُن دؤرت، بابئل سوٚرگوٚنیندِن مِسیحه چِنلی هِم اوُن دؤرت آرقادئر. ۝٢٣ رامادان بیر سِس اِشیدیلدی،

Test Character Variants of Arabic script in webfonts

م ‍م[cv44=0]

م ‍م[cv44=1]

Test language-specific rendering of Arabic script in webfonts

۴۵۶۷ ه ههه م ممم بِّ [default]

۴۵۶۷ ه ههه م ممم بِّ [lang = sd]

۴۵۶۷ ه ههه م ممم بِّ [lang = ur]