Noto Kufi Arabic
Type with Purpose
Good typography guides attention, improves understanding, and makes communication effortless.
The Anatomy of a Typeface
By FontSide · June 2026
Every typeface is a system of decisions — about stroke contrast, x-height, spacing, and rhythm. The best ones feel invisible: you stop seeing the letters and start hearing the voice behind them. That transparency is the hardest thing to design.
A high x-height opens up the counters and makes small text breathe. Tight tracking pulls a headline together; loose tracking gives a caption room to exhale. None of these choices are accidents — they are arguments about how reading should feel.
Uppercase
Lowercase
Numerals
Symbols
Package Manager
The recommended way to use fonts in modern web projects.
1. Install Package
pnpm add @fontsource-variable/noto-kufi-arabic 2. Import in App
import '@fontsource-variable/noto-kufi-arabic/wght.css'; 3. CSS Usage
body {
font-family: "Noto Kufi Arabic Variable", sans-serif;
} Google Fonts CDN
Use Google's CDN to embed the fonts directly via HTML.
HTML <head>
<!-- Please select at least one weight and style --> Fontsource CDN
Skip the build step by adding this directly to your global CSS file.
Global CSS
/* noto-kufi-arabic-latin-wght-normal */
@font-face {
font-family: "Noto Kufi Arabic Variable";
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(https://cdn.jsdelivr.net/fontsource/fonts/noto-kufi-arabic:vf@latest/latin-wght-normal.woff2)
format("woff2-variations");
} Background & Story
Noto Kufi Arabic is a Kufi design for texts in the Middle Eastern Arabic script.
Noto Kufi Arabic has multiple weights, contains 1,706 glyphs, 16 OpenType features, and supports 1,558 characters from 14 Unicode blocks: Arabic Presentation Forms-A, Arabic, Arabic Presentation Forms-B, Latin Extended-A, Arabic Extended-A, Basic Latin, Latin-1 Supplement, Arabic Supplement, Arabic Extended-B, Combining Diacritical Marks, General Punctuation, Spacing Modifier Letters, Latin Extended Additional, Latin Extended-B.
Supported writing systems
Arabic
Arabic (العربية) is a Middle Eastern abjad, written right-to-left (660 million users). 2nd- or 3rd-most used script in the world. Used for the Arabic language since the 4th century, and for many other languages, often in Islamic countries or communities in Asia, Africa and the Middle East, like Persian, Uyghur, Kurdish, Punjabi, Sindhi, Balti, Balochi, Pashto, Lurish, Urdu, Kashmiri, Rohingya, Somali, Mandinka, Kazakh (in China), Kurdish, or Azeri (in Iran). Was used for Turkish until 1928. Includes 28 basic consonant letters for the Arabic language, plus additional letters for other languages. Some letters represent a consonant or a long vowel, while short vowels are optionally written with diacritics. Variants include Kufi with a very simplified structure, the widely-used Naskh calligraphic variant, and the highly cursive Nastaliq used mainly for Urdu. Needs software support for complex text layout (shaping). Read more on ScriptSource, Unicode, Wikipedia, Wiktionary, r12a.
Latin
Latin (Roman) is a European bicameral alphabet, written left-to-right. The most popular writing system in the world. Used for over 3,000 languages including Latin and Romance languages (Italian, French, Portuguese, Spanish and Romanian), Germanic languages (English, Dutch, German, Nordic languages), Finnish, Malaysian, Indonesian, Filipino, Visayan languages, Turkish, Azerbaijani, Polish, Somali, Vietnamese, and many others. Derived from Western Greek, attested in Rome in the 7th century BCE. In the common era, numerous European languages adopted the Latin script along with Western Christian religion, the script disseminated further with European colonization of the Americas, Australia, parts of Asia, Africa and the Pacific. New letters, ligatures and diacritical marks were gradually added to represent the sounds of various languages. Read more on ScriptSource, Unicode, Wikipedia, Wiktionary, r12a.
Tags & Moods
Subsets
Install
pnpm add @fontsource-variable/noto-kufi-arabic Designed by
Links
License
OFL-1.1