Cairo Arabic Font: Size and Variable File

Cairo needs 26.6 KB for Arabic regular and bold: rank 7 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 53% of the mixed-script total. Every figure on this page comes from the August 23, 2026 WOFF2 snapshot.

What the measurements say about Cairo

  • It is 22% below the Sans median of 34.2 KB.
  • Switching to Tajawal, the smallest Sans family, would save 9.1 KB (34%) for the same two weights.
  • The variable Arabic file (30.2 KB) is 13% larger than the two static weights. Estimate: at about 13.3 KB per static weight, it pays off once you ship 3 or more weights.
  • Latin is 53% of the mixed-script total: the Latin 400 and 700 files (29.6 KB) outweigh the Arabic ones. In a mostly-English interface, the Latin subset is the bigger cost.
  • Bold is 5% larger than regular (13.6 KB vs 13.0 KB).

Size rank and delivery totals

Rank 7 of 20 overall and 4 of 9 in Sans, smallest first by Arabic 400+700 bytes. Ties share a rank. Measured on . Starting role (editorial guidance): UI and display.

Cairo delivery scenarios
ScenarioExact bytesMeaning
Arabic 400 + 70027,244Two static WOFF2 files
Arabic + Latin 400 + 70057,544Four static WOFF2 files
Added Latin bytes30,300Mixed-script total minus Arabic total
Arabic variable weight file30,896One variable Arabic file, when available
Variable minus static3,652 (13%)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/cairo@5.3.0. The SHA-256 digests below identify the exact Arabic files; Latin file sizes are reported separately.

Cairo per-weight WOFF2 bytes
SubsetWeightBytesRecorded file / SHA-256
Arabic40013,292
@fontsource/cairo/files/cairo-arabic-400-normal.woff2

SHA-256: 1b36945f5f6a3d1fed3783999b887d0c56cfd66a41a04212a28aa79abbdff0e1

Arabic70013,952
@fontsource/cairo/files/cairo-arabic-700-normal.woff2

SHA-256: 673212b4908a9a6366ad6beb8a8a58c91bc3cb7e6cc4802b315a240c2dd80eb9

Latin40015,016@fontsource/cairo/files/cairo-latin-400-normal.woff2
Latin70015,284@fontsource/cairo/files/cairo-latin-700-normal.woff2

Recorded variable file: @fontsource-variable/cairo/files/cairo-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/cairo@5.3.0

Import the selected subsets

// Application entry: Arabic subsets, normal 400 and 700
import "@fontsource/cairo/arabic-400.css";
import "@fontsource/cairo/arabic-700.css";

// Add these only for the measured mixed-script scenario:
// import "@fontsource/cairo/latin-400.css";
// import "@fontsource/cairo/latin-700.css";

// In your stylesheet:
// font-family: "Cairo", 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.

Cairo declared-range checks
Representative checkCode pointDeclared inclusion
Arabic letterU+0627Pass
Persian letterU+067EPass
Urdu letterU+0679Pass
Arabic-Indic digitU+0661Pass
Eastern Arabic/Persian digitU+06F1Pass
Arabic diacriticU+064EPass
Arabic punctuationU+061FPass
Block ranges, script matching and actual font coverage

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; 1,520 bytes difference.

  • Mada

    Sans · 23,120 bytes; 4,124 bytes difference.

  • Rubik

    Sans · 35,060 bytes; 7,816 bytes difference.

Comparisons involving Cairo

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.

Read the benchmark methodology · Download the snapshot

Questions and answers

How large is Cairo for Arabic regular and bold?

The Arabic 400 and 700 WOFF2 files total 27,244 bytes (26.6 KB), rank 7 of 20 measured families. Adding Latin brings it to 57,544 bytes. These are file sizes, not page-load timings.

Should I use the variable version of Cairo?

The variable Arabic file (30.2 KB) is 13% larger than the two static weights. Estimate: at about 13.3 KB per static weight, it pays off once you ship 3 or more weights.

Does Cairo cover Persian and Urdu letters?

Cairo'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.

Sources