8 Beautiful Fonts for Arabic Websites

 Arabic Fonts for Arabic Websites

Arabic calligraphy is the hidden gem of calligraphy. Although one of the most beautifully written languages, it is probably one of the least appreciated for its art form.   Adding luster to this language is the elaborate way its characters can be written depending on whether the fall at the beginning, middle or end of a word. The form of writing can range from the very simple to the very elaborate depending of the type of font.   Likley these elaborate forms evolved after the early 7th century of the efforts of Arabic speaking peoples to carefully preserve and copy the Quran by hand. Each generation added more elaborate lingual decorations to the language.

Using the right font in Arabic websites will have significant impact on readability, user experience, and engagement. While the content of a site is required for informational and functional reasons, the Arabic letter form should also be viewed as an artisitic part of how the entire website will look and feel.

In this article we will discuss the best 8 arabic fonts for Arabic websites.

Most of the fonts are part of Google Fonts.

Amiri (Royal) Font (الخط الاميري)

amiri

This font is the product of work done at the Bulaq Royal Press in early 20th centure Cairo, Egypt. The name of the font is driven from the name of the press that innovated this font. The font was widely used for printing long texts and books. One of the more simple Arabic forms, with a light charater imprint probably designed for ink print efficiency. Still it is a beautiful form to be used in Arabic websites content.

Website: Amiri Arabic Font

Developed by: Khalid Hosni

Weights: Normal, Bold.

Patterns: Regular, Italic.

To use it you can add the following to your applicable CSS file:

@import url(http://fonts.googleapis.com/earlyaccess/amiri.css);

and use the font code: font-family: ‘Amiri’, serif;

Or click on  Amiri Font Download to download.

 

Droid Kufi Font (الخط الكوفي)

Kufi Font is named after the southern Iraqi down of Kufah. This particular font was heavily used for the recording and copying of the Quran. It is charactierized by clear letter print, slightly shorter widths and higher character form.   This is a formal font focusing on character clarity.

Arabic Naskh - Fonts For Arabic Websites

 

This line is available weights Regular and Bold

You can use it directly put this code in your CSS file you:

import url (http://fonts.googleapis.com/earlyaccess/droidarabickufi.css)

Then use it through code:

font-family: “Droid Arabic Kufi”, serif;

Or click on Kufi Font Download to download.

 

Droid Naskh Font (خط النسخ)

Naskh falls in between the Amiri and Kufi fonts in terms of clarity, formality and imprint.   Naskh is known to deliver form clarity, simplicity and beauty.

Arabic Nash - Fonts for Arabic Websites

 

This line is available weights Regular and Bold

You can use it directly put this code in your CSS file you:

import url (http://fonts.googleapis.com/earlyaccess/droidarabicnaskh.css)

Then use it through code:

font-family: “Droid Arabic Naskh”, serif;

Or click on Naskh Font Download to download.

 

Latif Font (خط لطيف)

This font was named after the Sufi Poet Shah Abdulatif Bataii.

Available Weights: Regular only.

Avaliable Patterns: Regular only.

 

You can use it directly put this code in your CSS file you:

import url (http://fonts.googleapis.com/earlyaccess/lateef.css);

Then use it through code:

font-family: ‘Lateef’, serif;

Or click on Lateef Font Download to download.

Or you can download it from the link here

 

Shah Razad Font (خط شهرزاد)

Shah Razad is the heroine of one thousand and one Arabian nights.   A woman of great beauty, wisdom and intelligence which she used to make the king fall in love with her. The font is characterized by a light feminine form and hence the name.

Scheherazade Font - Fonts For Arabic Website

This line is available only weighing Regular

You can use it directly put this code in your CSS file you:

import url (http://fonts.googleapis.com/earlyaccess/scheherazade.css);

Then use it through code:

font-family: ‘Scheherazade’, serif;

Or click on Scheherazade Font Download.

Or you can download it from the link here

Thabit Font (خط ثابت)

Thabit in Arabic means Steady or Fixed.   A digital, modern, clean looking and clean font characterized by a functional form. One of the least elaborate forms.

Thabit Font - Fonts for Arabic Websites

 

This line is available weight Regular and Bold and available normal pattern and Italic

You can use it directly put this code in your CSS file you:

import url (http://fonts.googleapis.com/earlyaccess/thabit.css);

Then use it through code:

font-family: ‘Thabit’, serif;

Or click on Thabit Font Download to download.

 

Jozoor (Roots) Font (خط جذور)

Jozoor means Roots, and this is reflected in the heavy print of this particular font. The letter form is characterized by a think and heavy form.

 

This font has been developed and digitized by Joozor.

Jozoor Font - Fonts for Arabic Websites

This line is available only Regular weight.

Click on Joozor Font Download to download.

Where you will find all the lines in which compressed own extensions to the web, as well as an example of the web page included in the file.

Joozor Flat Font

A far more elaborate, yet lighter font than the Joozor font. This is a beautiful font that can be used in headings, titles and menus.  This font has also been developed and digitized by Joozor.

 

Joozor Flat Font - Fonts For Arabic Websites

 

Click on Flat Joozor Font Download to download this font (in regular weight only).  If you wish access to the full font typeface then you can purchase it for $55 from Full Flat Joozor Font Purchase.  Where you will find all the lines in which compressed own extensions to the web, as well as an example of the web page included in the file.

The Arabic language character art form has numerous other fonts that have been developed over the centuries.   However, these have yet to be digitized and made available for the world wide web. We hope that over the next months and years talented arab designers will digitize these typesets and make them available to you and us.

 

Pin It on Pinterest

Share This