Kufam
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/kufam2. Import in App
import '@fontsource-variable/kufam/wght.css';3. CSS Usage
body {
font-family: "Kufam 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
/* kufam-latin-wght-normal */
@font-face {
font-family: "Kufam Variable";
font-style: normal;
font-display: swap;
font-weight: 100 900;
src: url(https://cdn.jsdelivr.net/fontsource/fonts/kufam:vf@latest/latin-wght-normal.woff2)
format("woff2-variations");
}Background & Story
Kufam is an Arabic-Latin bilingual typeface intended for contemporary information design such as signage and wayfinding systems. Kufam Arabic is inspired by 7th-century Kufi inscriptions. The dark, condensed shapes of this early Kufi script also served as an inspiration for Kufam's Latin lowercase, as where the Latin capitals find their roots in lettering as frequently seen in signage and shop lettering in Amsterdam at the beginning of the twentieth century. All these inspirations from sources in different periods in history of the Arabic and Latin world cumulate in a contemporary, legible and aesthetically rich design for use across different media.
Kufam Arabic is designed by Wael Morcos and Kufam Latin by Artur Schmal and originally conceived within the framework of The Khatt Foundations’ Typographic Matchmaking in the City project.
To contribute or to read more about the design and history of Kufam, see github.com/originaltype/kufam.
Tags & Moods
Subsets
Install
pnpm add @fontsource-variable/kufamDesigned by
Original Type, Wael Morcos, Artur Schmal
Links
License
OFL-1.1