Zilla Slab
Light
Italic
300
Regular
Italic
400
Medium
Italic
500
Semi-Bold
Italic
600
Bold
Italic
700
Characters
Zilla Slab was summoned into existence through an unprecedented public ritual: Mozilla’s radical "Open Design" rebrand of 2017, orchestrated alongside the design studio Johnson Banks and entrusted to the adept hands of Peter Biľak and Nikola Djurek at Typotheque. Emerging from the refined structural chassis of Typotheque’s earlier Tesla, the typeface was drafted to personify the foundational spirit of the open web—a territory suspended between the austere logic of network protocols and the unruly democracy of human communication. In an institutional identity whose very wordmark was famously fused with the punctuation of a URL scheme (moz://a), Zilla Slab arrived not as proprietary corporate armor, but as an open-source civic utility: an honest, contemporary slab serif gifted to the digital commons under the SIL Open Font License.
Anatomically, the design reinterprets the nineteenth-century Egyptian vernacular through the lens of modern digital ergonomics. Where early industrial slabs often marched with the deafening, unyielding rigidity of the steam-driven press, Zilla Slab tempers structural force with approachable human warmth. Its serifs are resolute, unbracketed horizontal blocks that anchor characters firmly against the baseline like dressing stones in an aqueduct; yet within this tectonic framework, the inner arches and junctions curve with a supple, organic elasticity. The x-height is generously scaled, and the apertures remain wide and hospitable, inviting ambient light into the interior chambers of each glyph to ensure that dense alphanumeric strings, code snippets, and headlines remain transparent across coarse raster displays. On the screen, it casts a crisp, industrious color—authoritative without turning brutalist, and candid without lapsing into colloquial slop.
Typographically, the family refuses the mechanical shortcuts so frequently inflicted upon utilitarian display faces. In place of a perfunctory slanted oblique, Biľak and Djurek furnished the family with true cursive italics, whose dynamic entry strokes and chirographic exits introduce a spirited, conversational counterpoint alongside the upright roman. Expanding across five finely calibrated weights—and enriched by the theatrical verve of Zilla Slab Highlight, which captures the blunt friction of an editorial highlighter across printed proof-sheets—the family operates with remarkable adaptability. In the open commons, Zilla Slab stands as an enduring monument to Mozilla’s founding ethos: an alphabet proving that the raw, engineered machinery of the internet can dwell in seamless harmony with the ancient, hospitable dignity of the book arts.
Words
Questography
difficult waffles
Havana Plywood
Château d’Yquem
Högertrafikomläggningen
hamburgevontpids
Headlines
Light · 300
Brawny gods just flocked up to quiz and vex him
Light Italic · 300
Brawny gods just flocked up to quiz and vex him
Light Small Caps · 300
Brawny gods just flocked up to quiz and vex him
Regular · 400
Amazingly few discotheques provide jukeboxes
Regular Italic · 400
Amazingly few discotheques provide jukeboxes
Regular Small Caps · 400
Amazingly few discotheques provide jukeboxes
Medium · 500
Why shouldn’t a quixotic Kazakh vampire jog barefoot?
Medium Italic · 500
Why shouldn’t a quixotic Kazakh vampire jog barefoot?
Medium Small Caps · 500
Why shouldn’t a quixotic Kazakh vampire jog barefoot?
Semi-Bold · 600
Grumpy wizards make a toxic brew for the jovial queen
Semi-Bold Italic · 600
Grumpy wizards make a toxic brew for the jovial queen
Semi-Bold Small Caps · 600
Grumpy wizards make a toxic brew for the jovial queen
Bold · 700
Jackie will budget for the most expensive zoology equipment
Bold Italic · 700
Jackie will budget for the most expensive zoology equipment
Bold Small Caps · 700
Jackie will budget for the most expensive zoology equipment
Paragraphs
With matted beard, and swathed in a bristling shark-skin apron, about mid-day, Perth was standing between his forge and anvil, the latter placed upon an iron-wood log, with one hand holding a pike-head in the coals, and with the other at his forge’s lungs, when Captain Ahab came along, carrying in his hand a small rusty-looking leathern bag. While yet a little distance from the forge, moody Ahab paused; till at last, Perth, withdrawing his iron from the fire, began hammering it upon the anvil—the red mass sending off the sparks in thick hovering flights, some of which flew close to Ahab. “Are these thy Mother Carey’s chickens, Perth? they are always flying in thy wake; birds of good omen, too, but not to all;—look here, they burn; but thou—thou liv’st among them without a scorch.” “Because I am scorched all over, Captain Ahab,” answered Perth, resting for a moment on his hammer; “I am past scorching; not easily can’st thou scorch a scar.” “Well, well; no more. Thy shrunk voice sounds too calmly, sanely woeful to me. In no Paradise myself, I am impatient of all misery in others that is not mad. Thou should’st go mad, blacksmith; say, why dost thou not go mad? How can’st thou endure without being mad? Do the heavens yet hate thee, that thou can’st not go mad?—What wert thou making there?”
With matted beard, and swathed in a bristling shark-skin apron, about mid-day, Perth was standing between his forge and anvil, the latter placed upon an iron-wood log, with one hand holding a pike-head in the coals, and with the other at his forge’s lungs, when Captain Ahab came along, carrying in his hand a small rusty-looking leathern bag. While yet a little distance from the forge, moody Ahab paused; till at last, Perth, withdrawing his iron from the fire, began hammering it upon the anvil—the red mass sending off the sparks in thick hovering flights, some of which flew close to Ahab. “Are these thy Mother Carey’s chickens, Perth? they are always flying in thy wake; birds of good omen, too, but not to all;—look here, they burn; but thou—thou liv’st among them without a scorch.” “Because I am scorched all over, Captain Ahab,” answered Perth, resting for a moment on his hammer; “I am past scorching; not easily can’st thou scorch a scar.” “Well, well; no more. Thy shrunk voice sounds too calmly, sanely woeful to me. In no Paradise myself, I am impatient of all misery in others that is not mad. Thou should’st go mad, blacksmith; say, why dost thou not go mad? How can’st thou endure without being mad? Do the heavens yet hate thee, that thou can’st not go mad?—What wert thou making there?”
With matted beard, and swathed in a bristling shark-skin apron, about mid-day, Perth was standing between his forge and anvil, the latter placed upon an iron-wood log, with one hand holding a pike-head in the coals, and with the other at his forge’s lungs, when Captain Ahab came along, carrying in his hand a small rusty-looking leathern bag. While yet a little distance from the forge, moody Ahab paused; till at last, Perth, withdrawing his iron from the fire, began hammering it upon the anvil—the red mass sending off the sparks in thick hovering flights, some of which flew close to Ahab. “Are these thy Mother Carey’s chickens, Perth? they are always flying in thy wake; birds of good omen, too, but not to all;—look here, they burn; but thou—thou liv’st among them without a scorch.” “Because I am scorched all over, Captain Ahab,” answered Perth, resting for a moment on his hammer; “I am past scorching; not easily can’st thou scorch a scar.” “Well, well; no more. Thy shrunk voice sounds too calmly, sanely woeful to me. In no Paradise myself, I am impatient of all misery in others that is not mad. Thou should’st go mad, blacksmith; say, why dost thou not go mad? How can’st thou endure without being mad? Do the heavens yet hate thee, that thou can’st not go mad?—What wert thou making there?”
Standard Ligatures
font-feature-settings: 'liga';
Figures
H1234567890
Proportional Oldstyle (default)
H1234567890
Proportional Lining: 'lnum'
H1234567890
Tabular Lining: 'lnum', 'tnum'
H1234567890
Tabular Oldstyle: 'onum', 'tnum'
1/2 3/4
Fractions: 'frac'
H0
Slashed Zero: 'zero'
H123
Numerators: 'numr'
H123
Denominators: 'dnom'
H123
Scientific Inferiors: 'sinf'
H123
Superscripts: 'sups'
Ordinals
font-feature-settings: 'ordn';
Case Sensitive Forms
font-feature-settings: 'case';
Loading glyphs…
- Glyph name
- Not available
- Unicode
- Not encoded
- HTML code
- Not available
- CSS code
- Not available