زاد.
GitHub ↗
v1.0 — 2026 · SIL OFL 1.1 ·
زاد.
Zad.

↓
§ 01 —

§ 02 —

§ 03 —

الله · لا · لله · محمد · السَّلامُ · تَشكيلٌ

2026-06-14  $ 12,408.55
2026-06-15  $    317.00
2026-06-16  $ 99,001.21 

body { font-feature-settings: ; }
§ 04 —

§ 05 —

زادٌ خطٌّ عربيٌّ نظيفٌ، يُريحُ العينَ في الجداولِ ولوحاتِ المراقبةِ، ويصبرُ على النصِّ الطويلِ في الكتبِ والتقارير. صُنِعَ ليكونَ أداةً عمليّةً قبلَ أن يكونَ زينةً، وليبقى مفتوحًا للجميعِ تحتَ رخصةٍ حُرّة. استخدمْه في مشاريعِكَ الشخصيّةِ والتجاريّةِ بلا قيد. — ٠ ١ ٢ ٣ ٤ ٥ ٦ ٧ ٨ ٩

Zad is a calm, operational Arabic webfont, comfortable in dense tables and dashboards, and patient in long-form reading. It was made to work first and decorate second, and it stays open to everyone under a free license. Use it in personal and commercial projects without restriction. — 0 1 2 3 4 5 6 7 8 9

§ 06 —

① HTML 
<!-- in <head> -->
<link rel="stylesheet"
   href="zad-font/zad.css">
② CSS 
body {
  font-family: 'Zad', sans-serif;
}
h1   { font-weight: 700; }
.lead{ font-weight: 500; }
p    { font-weight: 400; }
③ Tailwind 
// tailwind.config
extend: { fontFamily: {
  zad: ['Zad', 'sans-serif']
}}
// markup
<body class="font-zad">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/ahmedvnabil/zad-font@latest/zad.css">
§ 07 — 

:root {
  --font-zad: "Zad", "Segoe UI",
    system-ui, -apple-system,
    "Noto Sans Arabic", sans-serif;
}
body { font-family: var(--font-zad); }
<!-- preload the above-the-fold weight -->
<link rel="preload" as="font"
   type="font/woff2" crossorigin
   href="zad-font/fonts/Zad-Regular.woff2">
<!-- jsDelivr: speed up TTFB -->
<link rel="preconnect"
   href="https://cdn.jsdelivr.net" crossorigin>
<html lang="ar" dir="rtl">
<html lang="en" dir="ltr">

.tabular { font-variant-numeric: tabular-nums; }
/* Arabic-Indic digits: type ٠–٩ directly */
<!doctype html>
<html lang="ar" dir="rtl">
<head>
  <meta charset="utf-8">
  <meta name="viewport" content="width=device-width,initial-scale=1">
  <link rel="preload" as="font" type="font/woff2" crossorigin
        href="zad-font/fonts/Zad-Regular.woff2">
  <link rel="stylesheet" href="zad-font/zad.css">
  <style>
    body { font-family: var(--font-zad); line-height: 1.7; }
    h1   { font-weight: 700; }
  </style>
</head>
<body>
  <h1>أهلًا بـ Zad</h1>
  <p>خطٌّ عربيٌّ نظيفٌ للويب — مفتوحُ المصدر.</p>
</body>
</html>
§ 08 —

↓ zip
git clone →
v1.0.0
class woff2 ttf CDN
§ 09 —

macOS
  1. 1. Zad-*.ttf
  2. 2.
  3. 3.
  4. 4. Zad
Windows
  1. 1. Zad-*.ttf
  2. 2.
  3. 3.
§ 10 —
§ 11 —

SIL OFL 1.1

  • ✓
  • ✓
  • ✓
  • ✗
  • ✗