Zilla Slab
Designed By
Typotheque
10 Styles Serif
The pleasure
of a well-set
page.
Zilla Slab · Regular
Compare this serif family in headings and a continuous reading sample.
10 styles available. Compare the specimens below, or enter your own text.
Download Zilla Slab ↓TTF · SIL Open Font License 1.1
Set Your Own Text
Change the style and size to compare the letterforms.
Release notes for version 3
A Page In Zilla Slab
Zilla Slab · Regular
Headings, labels and running text.
Notes From The Reading Room
The reading room opens onto a quiet courtyard. Along the shelves, small handwritten labels mark the collections. A visitor leaves a book open beside the window, keeping a place for the next reader.
A heading marks the next chapter. The margins leave room for a note while the text continues across the page.
10 Styles,
One Family
Every available style is shown below in its own font file.
Light300
Release notes for version 3
Light Italic300
Release notes for version 3
Regular400
Release notes for version 3
Italic400
Release notes for version 3
Medium500
Release notes for version 3
Medium Italic500
Release notes for version 3
Semi Bold600
Release notes for version 3
Semi Bold Italic600
Release notes for version 3
Bold700
Release notes for version 3
Bold Italic700
Release notes for version 3
Mozilla’s wordmark is set in Zilla Slab, and so are its headlines and most of its design work, since the face is the foundation’s core typeface. Typotheque built it from Tesla, an earlier slab of its own, with smooth curves and true italics, and Mozilla led the project.
Those italics are the part we would point at. Drawn as letters in their own right, they run 7% narrower than the roman, so a phrase switched to italic tightens visibly on the line.
For a brand face the OpenType set goes deep:
- small caps, with caps-to-small-caps for acronyms
- old style, lining, tabular and proportional figures
- a slashed zero, handy for serial numbers and code snippets
- fractions and superscripts
There are 10 styles, 5 weights from Light to Bold with an italic for each, and 513 characters of extended Latin. Typotheque talks about an industrial look that stays approachable. Where it has worked best, to our eye, is headlines and short web articles with a sans doing the interface around them.
Characters & Figures
513 glyphs reported in the reference style. This selection shows 400 recorded characters.
ABCDEFGHIJKLMNOPQRSTUVWXYZ
abcdefghijklmnopqrstuvwxyz
0123456789 & @ ? !
View The Recorded Character Selection
The Font Files
Download
Zilla Slab
10 TTF styles with the accompanying CSS, README and license information.
Download ZIP · 970 KB ↓- Version
- 1.1
- License
- SIL Open Font License 1.1
Install On Your Computer
Extract the ZIP first. On Windows, select the font files and choose Install from the context menu. On macOS, open the files in Font Book and choose Install.
Use On A Website
Keep the font files and the included stylesheet together. Update the stylesheet path to match your project.
<link rel="stylesheet"
href="/fonts/zilla-slab-2/zilla-slab-2.css">
body {
font-family: 'Zilla Slab', sans-serif;
}Keep the copyright and license notices with redistributed files.
Heading & Body
The family provides the heading; Inter carries the supporting text.
Zilla Slab Heading · Inter Body
Notes From The Reading Room
The reading room opens onto a quiet courtyard. Along the shelves, small handwritten labels mark the collections. A visitor leaves a book open beside the window, keeping a place for the next reader.