BloxwapFont

Sans Arabic

Bloxwap Sans Arabic and Bloxwap Mono Arabic — a contemporary interpretation of the Naskh style with a rational and flexible design.

Bloxwap Sans Arabic and Bloxwap Mono Arabic are companion families that add Arabic script to Bloxwap Sans and Bloxwap Mono: a contemporary interpretation of the Naskh style with a rational and flexible design, built from the same rounded strokes as the Latin and joined on a shared baseline. Each is a complete font: it also contains the Latin, Greek and Cyrillic of its parent, so mixed text such as prices and tickers stays in one design.

Bloxwap Sans Arabic

Version
1.000
Glyphs
3,480
Characters
2,512
Axes
wght 100–900
Styles
9
Features
20
Languages
634
Download
10.5 MB
صِف خَلقَ خَودِ كَمِثلِ الشَمسِ · Bloxwap
400 Regular

2,512 characters: 839 Latin, 627 shared (punctuation, figures, symbols), 511 Arabic, 317 Greek, 218 Cyrillic.

Basic Latin95 / 128
Latin-1 Supplement96 / 128
Latin Extended-A128 / 128
Latin Extended-B162 / 208
IPA Extensions75 / 96
Spacing Modifier Letters33 / 80
Combining Diacritical Marks37 / 112
Greek and Coptic88 / 135
Cyrillic204 / 256
Cyrillic Supplement14 / 48
Arabic219 / 256
Arabic Supplement35 / 48
Arabic Extended-A23 / 96
Phonetic Extensions38 / 128
Phonetic Extensions Supplement29 / 64
Latin Extended Additional246 / 256
Greek Extended232 / 233
General Punctuation52 / 111
Superscripts and Subscripts29 / 46
Currency Symbols22 / 37
Letterlike Symbols12 / 80
Number Forms31 / 60
Arrows35 / 112
Mathematical Operators59 / 256
Miscellaneous Technical11 / 256
Enclosed Alphanumerics22 / 160
Box Drawing128 / 128
Block Elements32 / 32
Geometric Shapes28 / 96
Miscellaneous Symbols15 / 256
Dingbats9 / 192
Arabic Presentation Forms-A127 / 656
Arabic Presentation Forms-B126 / 141

Bloxwap Mono Arabic

The same Arabic design fitted to Mono's fixed cell, for code editors and terminals that show Arabic strings.

Version
1.000
Glyphs
3,474
Characters
2,488
Axes
wght 100–900
Styles
9
Features
19
Languages
634
Download
10.0 MB

Using it

The easiest way is the combined stylesheet: font-family: "Bloxwap Sans" then renders Arabic from Sans Arabic automatically, and the Arabic file is only downloaded by pages that contain Arabic. Mark up Arabic content with its language and direction:

<p lang="ar" dir="rtl">الرصيد المتاح</p>
/* the complete Arabic font under its own name */
.arabic { font-family: "Bloxwap Sans Arabic", "Bloxwap Sans", sans-serif; }
  • Joining is automatic. Initial, medial, final and isolated forms (init, medi, fina, isol) and required ligatures such as lam-alef are applied by the browser's text shaper. Do not toggle them in CSS.
  • No italics. Arabic has no italic tradition; italic text uses the upright design.
  • Taller metrics. The Arabic fonts use an ascender of 1060 and a descender of −440 (Latin: 960 / −240) to make room for marks above and below. Set an explicit line-height when mixing scripts.
  • Variable weight. Like the parent families, the Arabic companions are variable from 100 to 900.
Edit on GitHub

On this page