Arabic engineering reference
Mada Arabic Font: Size and Variable File
Mada needs 22.6 KB for Arabic regular and bold: rank 4 of 20, one of the lighter families in the sample (median 54.0 KB). Its variable Arabic file only pays off at about 3 or more weights. Latin makes up 50% of the mixed-script total. Every figure on this page comes from the August 23, 2026 WOFF2 snapshot.
What the measurements say about Mada
- It is 34% below the Sans median of 34.2 KB.
- Switching to Tajawal, the smallest Sans family, would save 5.0 KB (22%) for the same two weights.
- The variable Arabic file (26.7 KB) is 18% larger than the two static weights. Estimate: at about 11.3 KB per static weight, it pays off once you ship 3 or more weights.
- Latin is 50% of the mixed-script total: the Latin 400 and 700 files (22.9 KB) outweigh the Arabic ones. In a mostly-English interface, the Latin subset is the bigger cost.
- Bold is 4% larger than regular (11.5 KB vs 11.1 KB).
Size rank and delivery totals
Rank 4 of 20 overall and 2 of 9 in Sans, smallest first by Arabic 400+700 bytes. Ties share a rank. Measured on . Starting role (editorial guidance): UI and body text.
| Scenario | Exact bytes | Meaning |
|---|---|---|
| Arabic 400 + 700 | 23,120 | Two static WOFF2 files |
| Arabic + Latin 400 + 700 | 46,544 | Four static WOFF2 files |
| Added Latin bytes | 23,424 | Mixed-script total minus Arabic total |
| Arabic variable weight file | 27,376 | One variable Arabic file, when available |
| Variable minus static | 4,256 (18%) | Compared with Arabic 400+700; negative means smaller |
Variable totals cover the selected Arabic weight-variable file, without a Latin variable file. Availability describes this snapshot’s package source. File sizes exclude CSS and do not predict latency, caching, rendering time or layout shift.
Arabic 400 preview
العربية لغة جميلة، وتصميمها الجيد يجعل القراءة أسهل.
Self-hosted Arabic subset, normal weight 400. Visual reference only; this sentence is not a complete shaping or language-coverage test.
Individual files and reproducibility
Static package: @fontsource/mada@5.3.0. The SHA-256 digests below identify the exact Arabic files; Latin file sizes are reported separately.
| Subset | Weight | Bytes | Recorded file / SHA-256 |
|---|---|---|---|
| Arabic | 400 | 11,316 | @fontsource/mada/files/mada-arabic-400-normal.woff2SHA-256: dc8782ab6ae6c435d2932c36f11bd434d082c56943c2472ee7a546c0c52f4aa3 |
| Arabic | 700 | 11,804 | @fontsource/mada/files/mada-arabic-700-normal.woff2SHA-256: 35f2f13847dc65750ee0d9b2b9f55514c399b9d1ce62404be7d3faf266d9e19f |
| Latin | 400 | 11,664 | @fontsource/mada/files/mada-latin-400-normal.woff2 |
| Latin | 700 | 11,760 | @fontsource/mada/files/mada-latin-700-normal.woff2 |
Recorded variable file: @fontsource-variable/mada/files/mada-arabic-wght-normal.woff2. The snapshot does not record a variable-package version or hash; the pinned installation below reproduces the static package only.
Install the measured static package
npm install --save-exact @fontsource/mada@5.3.0Import the selected subsets
// Application entry: Arabic subsets, normal 400 and 700
import "@fontsource/mada/arabic-400.css";
import "@fontsource/mada/arabic-700.css";
// Add these only for the measured mixed-script scenario:
// import "@fontsource/mada/latin-400.css";
// import "@fontsource/mada/latin-700.css";
// In your stylesheet:
// font-family: "Mada", sans-serif;The explicit subset imports reproduce the selected scenario. A bundler serves the package assets from your application; these snippets do not require a third-party font host. Use a fallback appropriate to your content and test it before deployment.
Declared coverage: 7/7
These checks inspect package-declared Unicode ranges, not the rendered font. They test seven representative characters, not all characters in a language.
| Representative check | Code point | Declared inclusion |
|---|---|---|
| Arabic letter | U+0627 | Pass |
| Persian letter | U+067E | Pass |
| Urdu letter | U+0679 | Pass |
| Arabic-Indic digit | U+0661 | Pass |
| Eastern Arabic/Persian digit | U+06F1 | Pass |
| Arabic diacritic | U+064E | Pass |
| Arabic punctuation | U+061F | Pass |
Similar fonts by classification and size
The nearest 3 alternatives, prioritizing Sans families and then absolute difference in Arabic 400+700 bytes. When fewer than three same-class alternatives exist, the list includes other classifications, identified below. This is a delivery-size shortlist, not a claim that the glyphs look alike.
Alexandria
Sans · 25,724 bytes; 2,604 bytes difference.
Cairo
Sans · 27,244 bytes; 4,124 bytes difference.
Tajawal
Sans · 17,956 bytes; 5,164 bytes difference.
Comparisons involving Mada
Method and limits
The benchmark measures filesystem bytes of normal 400 and 700 Arabic-subset WOFF2 files from installed Fontsource packages. It separately sums Latin files and records the Arabic variable file where available. The preview is a visual aid; readability is not scored.
Questions and answers
How large is Mada for Arabic regular and bold?
The Arabic 400 and 700 WOFF2 files total 23,120 bytes (22.6 KB), rank 4 of 20 measured families. Adding Latin brings it to 46,544 bytes. These are file sizes, not page-load timings.
Should I use the variable version of Mada?
The variable Arabic file (26.7 KB) is 18% larger than the two static weights. Estimate: at about 11.3 KB per static weight, it pays off once you ship 3 or more weights.
Does Mada cover Persian and Urdu letters?
Mada's declared Unicode ranges include the Persian (U+067E) and Urdu (U+0679) letters tested, passing 7 of 7 representative checks. All 20 measured families pass the same checks, so coverage does not separate them; test shaping with your own text.