Interactive tool · free

Arabic font previewer

Type your text and compare it in 16 free Arabic fonts from Google Fonts, with size, weight and line height, then copy the CSS for the one you choose.

Private by design Your answers are processed in your browser only. They are not sent to an AI model, not stored, and never put into a link.

Your text and display settings

Type your brand name, a headline or a paragraph. Leave it empty to see sample text.

To see the Latin letters in the same family. Leave it empty to see sample text.

Sample type
Background
Style

Showing 16 of 16 families

IBM Plex Sans Arabic

Modern sansBest for: Body text, Interfaces

كل مشروع يبدأ بفكرة واضحة

Every project starts with a clear idea

13 px with numbersالسعر 249 ر.س · خصم 25٪ · ١٢٣٤٥٦٧٨٩٠ · 0123456789 · 09:30

Loads when the card comes into view

Modern, neutral and low-contrast, from the IBM Plex family. Very clear in interfaces and long text.

Latin pairing
IBM Plex Sans
CSS code

Readex Pro

Modern sansBest for: Interfaces, Headlines

كل مشروع يبدأ بفكرة واضحة

Every project starts with a clear idea

13 px with numbersالسعر 249 ر.س · خصم 25٪ · ١٢٣٤٥٦٧٨٩٠ · 0123456789 · 09:30

Loads when the card comes into view

Wide and geometric, designed for readability as the Arabic extension of Lexend. Comfortable for buttons and headings.

Latin pairing
Readex Pro (Latin from Lexend)
CSS code

Cairo

KufiBest for: Headlines, Interfaces

كل مشروع يبدأ بفكرة واضحة

Every project starts with a clear idea

13 px with numbersالسعر 249 ر.س · خصم 25٪ · ١٢٣٤٥٦٧٨٩٠ · 0123456789 · 09:30

Loads when the card comes into view

Based on the Kufi style, with open counters and short ascenders. Light weights for text, heavy ones for headlines.

Latin pairing
Titillium Web
CSS code

Tajawal

Modern sansBest for: Interfaces, Body text

كل مشروع يبدأ بفكرة واضحة

Every project starts with a clear idea

13 px with numbersالسعر 249 ر.س · خصم 25٪ · ١٢٣٤٥٦٧٨٩٠ · 0123456789 · 09:30

Loads when the card comes into view

A low-contrast geometric design by Boutros that respects Arabic calligraphic rules. Works for web, apps and print.

Latin pairing
Tajawal (own Latin) or Inter
CSS code

Almarai

Modern sansBest for: Interfaces, Body text

كل مشروع يبدأ بفكرة واضحة

Every project starts with a clear idea

13 px with numbersالسعر 249 ر.س · خصم 25٪ · ١٢٣٤٥٦٧٨٩٠ · 0123456789 · 09:30

Loads when the card comes into view

Simple and clear with wide apertures, designed for reading on screen. Four weights only.

Latin pairing
Almarai (own Latin) or Inter
CSS code

Noto Kufi Arabic

KufiBest for: Headlines, Interfaces

كل مشروع يبدأ بفكرة واضحة

Every project starts with a clear idea

13 px with numbersالسعر 249 ر.س · خصم 25٪ · ١٢٣٤٥٦٧٨٩٠ · 0123456789 · 09:30

Loads when the card comes into view

A regular Kufi from the Noto family, with many weights. Strong in headlines and short labels.

Latin pairing
Noto Sans
CSS code

Noto Naskh Arabic

NaskhBest for: Body text

كل مشروع يبدأ بفكرة واضحة

Every project starts with a clear idea

13 px with numbersالسعر 249 ر.س · خصم 25٪ · ١٢٣٤٥٦٧٨٩٠ · 0123456789 · 09:30

Loads when the card comes into view

A traditional Naskh that is comfortable for long reading, close to book and newspaper type.

Latin pairing
Noto Serif or Noto Sans
CSS code

Amiri

NaskhBest for: Body text, Headlines

كل مشروع يبدأ بفكرة واضحة

Every project starts with a clear idea

13 px with numbersالسعر 249 ر.س · خصم 25٪ · ١٢٣٤٥٦٧٨٩٠ · 0123456789 · 09:30

Loads when the card comes into view

A classical Naskh in the Bulaq press tradition. Suits literary text, quotations and formal documents.

Latin pairing
Amiri (own Latin) or Source Serif 4
CSS code

Markazi Text

NaskhBest for: Body text

كل مشروع يبدأ بفكرة واضحة

Every project starts with a clear idea

13 px with numbersالسعر 249 ر.س · خصم 25٪ · ١٢٣٤٥٦٧٨٩٠ · 0123456789 · 09:30

Loads when the card comes into view

A contemporary Naskh with moderate contrast, designed for text. Calm and readable in paragraphs.

Latin pairing
Markazi Text (own Latin)
CSS code

Reem Kufi

KufiBest for: Headlines

كل مشروع يبدأ بفكرة واضحة

Every project starts with a clear idea

13 px with numbersالسعر 249 ر.س · خصم 25٪ · ١٢٣٤٥٦٧٨٩٠ · 0123456789 · 09:30

Loads when the card comes into view

An old-style Kufi on the Fatimid Kufi grid. For titles and decoration only, not paragraphs.

Latin pairing
Josefin Sans
CSS code

Changa

KufiBest for: Headlines, Interfaces

كل مشروع يبدأ بفكرة واضحة

Every project starts with a clear idea

13 px with numbersالسعر 249 ر.س · خصم 25٪ · ١٢٣٤٥٦٧٨٩٠ · 0123456789 · 09:30

Loads when the card comes into view

Square in feel with short ascenders, so lines can sit close. Suits sport, tech and tight headlines.

Latin pairing
Changa (own Latin)
CSS code

El Messiri

DisplayBest for: Headlines

كل مشروع يبدأ بفكرة واضحة

Every project starts with a clear idea

13 px with numbersالسعر 249 ر.س · خصم 25٪ · ١٢٣٤٥٦٧٨٩٠ · 0123456789 · 09:30

Loads when the card comes into view

Curvy and Naskh-inspired, as if drawn with a brush. Beautiful in large titles, still readable when small.

Latin pairing
Philosopher
CSS code

Lalezar

DisplayBest for: Headlines

كل مشروع يبدأ بفكرة واضحة

Every project starts with a clear idea

13 px with numbersالسعر 249 ر.س · خصم 25٪ · ١٢٣٤٥٦٧٨٩٠ · 0123456789 · 09:30

Loads when the card comes into view

Very bold, in the spirit of old cinema posters. For posters and big headlines only; one weight.

Latin pairing
A heavy sans, e.g. Inter Black
CSS code

Rubik

Modern sansBest for: Interfaces, Headlines

كل مشروع يبدأ بفكرة واضحة

Every project starts with a clear idea

13 px with numbersالسعر 249 ر.س · خصم 25٪ · ١٢٣٤٥٦٧٨٩٠ · 0123456789 · 09:30

Loads when the card comes into view

Slightly rounded corners and a friendly feel. Suits young brands and apps.

Latin pairing
Rubik (own Latin)
CSS code

Alexandria

Modern sansBest for: Headlines, Interfaces

كل مشروع يبدأ بفكرة واضحة

Every project starts with a clear idea

13 px with numbersالسعر 249 ر.س · خصم 25٪ · ١٢٣٤٥٦٧٨٩٠ · 0123456789 · 09:30

Loads when the card comes into view

Geometric, and the Arabic companion of Montserrat. Nine weights from thin to black.

Latin pairing
Montserrat
CSS code

Vazirmatn

Modern sansBest for: Interfaces, Body text

كل مشروع يبدأ بفكرة واضحة

Every project starts with a clear idea

13 px with numbersالسعر 249 ر.س · خصم 25٪ · ١٢٣٤٥٦٧٨٩٠ · 0123456789 · 09:30

Loads when the card comes into view

Simple and readable for web and apps. It started with Persian in mind, so check letterforms and digits with your Arabic text.

Latin pairing
Vazirmatn (Latin from Roboto)
CSS code

What the tool does

Picking an Arabic font from a ready-made image or from its name alone is misleading: a face that looks elegant in a big headline can get cramped in a small button, or its numbers look odd next to the text. The previewer shows your own text in 16 Arabic families from Google Fonts side by side, and lets you control size, weight, line height and background.

Each font has a card with its style (Kufi, Naskh, modern sans or display), where it works best, a suggested Latin pairing, a small line with numbers and currency, and CSS ready to copy. All the fonts are free under the SIL Open Font License, and I checked that each one exists on Google Fonts and supports Arabic.

Who it's for

  • Business owners choosing a font for their brand identity
  • Designers showing font options to a client
  • Developers building an Arabic website or app
  • Marketing teams that need a font for decks and posts

How to use it

  1. Type your brand name, a headline or a paragraph of your own copy.
  2. Choose heading or paragraph, then adjust size, weight and line height.
  3. Filter by style, and compare the small line and the numbers on each card.
  4. Copy the CSS for your pick, and test it on your own page before you commit.

Privacy

Your text stays in your browser: it isn’t sent, stored or put in a link. The fonts themselves load from Google Fonts, as on the rest of this site, so Google receives the request for the font files (their names and weights) and your device’s IP address, but not the text you type.

The previewer shows 16 selected families, not every Arabic font. Fonts load from Google Fonts, so you need an internet connection, and rendering can differ slightly between browsers and operating systems. Weights a family doesn’t have are replaced by the nearest one it does, and the card says so.