Fustat
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/fustat2. Import in App
import '@fontsource-variable/fustat/wght.css';3. CSS Usage
body {
font-family: "Fustat 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
/* fustat-latin-wght-normal */
@font-face {
font-family: "Fustat Variable";
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(https://cdn.jsdelivr.net/fontsource/fonts/fustat:vf@latest/latin-wght-normal.woff2)
format("woff2-variations");
}Background & Story
Fustat Arabic designed by Mohamed Gaber and engineered by Khaled Hosny, draws its inspiration from the traditional manuscript Kufi style. The typeface uniquely balances modernization with the authentic elements of Arabic script. It supports a large number of languages that use Arabic script, and includes a number of OpenType features for finer typography, including stylistic sets, proportional and tabular digits, super/subscripts, and fractions. Additionally, Fustat is a variable that providing dynamic flexibility for various design applications, and includes seven pre-defined weight instances: ExtraLight, Light, Regular, Medium, SemiBold, Bold, and ExtraBold.
Fustat Latin designed by Laura Garcia Mut, was developed to match the Arabic script, implementing features and subtle details from the Arabic strokes and flows. With a mix of simple grotesque structure and other geometric forms, it is a very low-contrast sans serif family with a neutral and kind texture. With a high x-height, it works in many sizes and purposes, allowing compact consistency. It supports a Latin Extended glyph set, and includes many OpenType features and Stylistic Sets with alternate geometric forms and tailed ends, looking for a more connected feeling.
Fustat is optimized for web usage, offering an authentic yet contemporary presence online. It is ideal for titles due to its distinct style, yet it also performs well in body text, ensuring readability. This makes it perfect for creating a strong, authentic brand identity with a modern twist. The typeface supports both Arabic and Latin scripts, making it versatile for bilingual design projects. Its extensive character set and the manuscript-inspired modern approach to Kufi style ensure that it meets diverse design needs.
Published under the Open Font License (OFL), Fustat promotes free and open use while ensuring quality and consistency. Embrace the rich heritage of the Kufi manuscript style with the modern versatility of Fustat, the go-to typeface for authentic and contemporary Arabic design.
To contribute, see github.com/Kief-Type-Foundry/Fustat .
Tags & Moods
Subsets
Install
pnpm add @fontsource-variable/fustatDesigned by
Mohamed Gaber, Laura Garcia Mut, Khaled Hosny
Links
License
OFL-1.1