Arabic engineering reference
Lateef Arabic Font: Size and Variable File
Lateef needs 126.7 KB for Arabic regular and bold: rank 17 of 20, heavier than the sample median of 54.0 KB. The selected Fontsource source has no variable file. Latin makes up 17% of the mixed-script total. Every figure on this page comes from the August 23, 2026 WOFF2 snapshot.
What the measurements say about Lateef
- It sits at the Naskh median of 126.7 KB.
- Switching to Markazi Text, the smallest Naskh family, would save 81.7 KB (64%) for the same two weights.
- The selected Fontsource source has no variable Lateef file, so every extra weight is another static download of roughly 63.3 KB.
- Latin is only 17% of the mixed-script total (25.4 KB); the Arabic glyph set dominates the payload.
- Bold is 9% larger than regular (66.1 KB vs 60.6 KB).
Size rank and delivery totals
Rank 17 of 20 overall and 4 of 7 in Naskh, smallest first by Arabic 400+700 bytes. Ties share a rank. Measured on . Starting role (editorial guidance): Traditional editorial text.
| Scenario | Exact bytes | Meaning |
|---|---|---|
| Arabic 400 + 700 | 129,740 | Two static WOFF2 files |
| Arabic + Latin 400 + 700 | 155,776 | Four static WOFF2 files |
| Added Latin bytes | 26,036 | Mixed-script total minus Arabic total |
| Arabic variable weight file | Not in selected source | One variable Arabic file, when available |
| Variable minus static | Not applicable | 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/lateef@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 | 62,020 | @fontsource/lateef/files/lateef-arabic-400-normal.woff2SHA-256: 37556c8b09bc29040b8d373958b7390822f6fd2dfa69f03fd6f9b60f09df35fd |
| Arabic | 700 | 67,720 | @fontsource/lateef/files/lateef-arabic-700-normal.woff2SHA-256: 85fb15b03e5031caa80b99eba844354e940e6123c69b5fcfc1fa45d162601161 |
| Latin | 400 | 12,860 | @fontsource/lateef/files/lateef-latin-400-normal.woff2 |
| Latin | 700 | 13,176 | @fontsource/lateef/files/lateef-latin-700-normal.woff2 |
Install the measured static package
npm install --save-exact @fontsource/lateef@5.3.0Import the selected subsets
// Application entry: Arabic subsets, normal 400 and 700
import "@fontsource/lateef/arabic-400.css";
import "@fontsource/lateef/arabic-700.css";
// Add these only for the measured mixed-script scenario:
// import "@fontsource/lateef/latin-400.css";
// import "@fontsource/lateef/latin-700.css";
// In your stylesheet:
// font-family: "Lateef", 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 Naskh 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.
Noto Naskh Arabic
Naskh · 105,692 bytes; 24,048 bytes difference.
Scheherazade New
Naskh · 168,776 bytes; 39,036 bytes difference.
Mirza
Naskh · 81,764 bytes; 47,976 bytes difference.
Comparisons involving Lateef
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 Lateef for Arabic regular and bold?
The Arabic 400 and 700 WOFF2 files total 129,740 bytes (126.7 KB), rank 17 of 20 measured families. Adding Latin brings it to 155,776 bytes. These are file sizes, not page-load timings.
Should I use the variable version of Lateef?
The selected Fontsource source has no variable Lateef file, so every extra weight is another static download of roughly 63.3 KB.
Does Lateef cover Persian and Urdu letters?
Lateef'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.