thmanyah-font-web — Thmanyah Font Family for the Web

A community-maintained web package for the Thmanyah (ثمانية) Arabic font family — three families, five weights each. Drop a single <link> or CSS import into a project and the fonts are ready.

لقراءة المقال بالعربية هنا اضغط هنا ؟

The Thmanyah font family is designed and owned by Thmanyah. This package is the CSS wrapper and CDN plumbing around it — nothing more.

Quick start

CDN — nothing to install:

<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/@dawod/thmanyah-font-web/index.css" />

npm:

npm install @dawod/thmanyah-font-web

// All three families
import "@dawod/thmanyah-font-web";

// Or only what you need
import "@dawod/thmanyah-font-web/sans.css";
import "@dawod/thmanyah-font-web/serif-display.css";
import "@dawod/thmanyah-font-web/serif-text.css";

/* In CSS */
@import "@dawod/thmanyah-font-web";

Families and weights

Every family carries the same five weights: 300 · 400 · 500 · 700 · 900.

• Thmanyah Sans — "Thmanyah Sans", sans-serif
• Thmanyah Serif Display — "Thmanyah Serif Display", serif
• Thmanyah Serif Text — "Thmanyah Serif Text", serif

Each family ships as its own stylesheet (sans.css, serif-display.css, serif-text.css), so a project that only needs display headings does not pay for the text and sans faces.

Usage

body {
  font-family: "Thmanyah Sans", sans-serif;
  font-weight: 400;
  direction: rtl;
}

h1 {
  font-family: "Thmanyah Serif Display", serif;
  font-weight: 700;
}

article p {
  font-family: "Thmanyah Serif Text", serif;
  font-weight: 400;
}

Utility classes are included for people who would rather not touch CSS:

<p class="font-thmanyah-sans">ثمانية سانس</p>
<h1 class="font-thmanyah-serif-display">ثمانية سيريف ديسبلاي</h1>
<p class="font-thmanyah-serif-text font-weight-light">ثمانية سيريف تكست</p>

Family classes: .font-thmanyah-sans, .font-thmanyah-serif-display, .font-thmanyah-serif-text. Weight classes: .font-weight-light (300), .font-weight-regular (400), .font-weight-medium (500), .font-weight-bold (700), .font-weight-black (900).

Download the fonts

Pick a family, a format, and the weights you need. Files are pulled from jsDelivr and, when you take more than one, packed into a ZIP right here in your browser — no server, no upload, nothing to install.

{{font-downloader}}

Live demo

Font specimen and playground — one self-contained RTL page that follows the system dark/light preference.

Specimens. A weight waterfall for Thmanyah Sans (300 → 900), a display grid for Serif Display, and a four-column reading grid for Serif Text — each family shown in the setting it was drawn for.

Type tester. Pick a family, a weight, and a size (16–96px), then type straight into the preview — it is contenteditable, so you can paste your own copy and judge it.

Font downloads. The download panel there follows whatever the tester is set to:

• a single weight, as a raw .woff2 or .otf
• the whole family, as a ZIP
• an arbitrary set of weights, picked with checkboxes, as a ZIP

A format toggle switches between WOFF2 (web), OTF (desktop), or both. Files are fetched from jsDelivr and packed in the browser by a small store-only ZIP writer — no library, no server, and no wasted CPU, since font files are already compressed.

Downloading and using the fonts is subject to the Thmanyah license — personal use only. See below.

Install snippets. npm, CSS @import, jsDelivr, unpkg, and a usage block, each with a copy button.

Licensing

The Thmanyah font license permits personal use only. Self-hosting, redistributing, or serving the font files from your own server or CDN is not permitted under the official license. Download the font directly from font.thmanyah.com for use on your own devices and projects, and see font.thmanyah.com/licenses for the terms. For enterprise or extended licensing, contact Thmanyah at Ask@thmanyah.com .

The package itself — the CSS wrapper and CDN setup — is maintained by @engdawood .