Skip to content
Fonts1

Zilla Slab Font

Designed by Typotheque

Free Serif Fonts #editorial#italic#latin#serif#slab serif#ttf#typography#zilla slab

Preview

Strong letters for thoughtful layouts

Character set

Zilla Slab character set: letters, numbers and symbols, drawn in the font itself

Styles and files

  • Light

    Weight 300 TTF258.8 KB

    Strong letters for thoughtful layouts

  • Light

    Weight 300 WOFF266.3 KB

    Strong letters for thoughtful layouts

  • Regular

    Weight 400 TTF263.8 KB

    Strong letters for thoughtful layouts

  • Regular

    Weight 400 WOFF268 KB

    Strong letters for thoughtful layouts

  • Medium

    Weight 500 TTF261.9 KB

    Strong letters for thoughtful layouts

  • Medium

    Weight 500 WOFF267.8 KB

    Strong letters for thoughtful layouts

  • Semi Bold

    Weight 600 TTF263.8 KB

    Strong letters for thoughtful layouts

  • Semi Bold

    Weight 600 WOFF267.9 KB

    Strong letters for thoughtful layouts

  • Bold

    Weight 700 TTF266.6 KB

    Strong letters for thoughtful layouts

  • Bold

    Weight 700 WOFF267.6 KB

    Strong letters for thoughtful layouts

  • Light Italic

    Weight 300 · Italic TTF263.9 KB

    Strong letters for thoughtful layouts

  • Light Italic

    Weight 300 · Italic WOFF266.5 KB

    Strong letters for thoughtful layouts

  • Regular Italic

    Weight 400 · Italic TTF271.2 KB

    Strong letters for thoughtful layouts

  • Regular Italic

    Weight 400 · Italic WOFF268.9 KB

    Strong letters for thoughtful layouts

  • Medium Italic

    Weight 500 · Italic TTF270.3 KB

    Strong letters for thoughtful layouts

  • Medium Italic

    Weight 500 · Italic WOFF269.3 KB

    Strong letters for thoughtful layouts

  • Semi Bold Italic

    Weight 600 · Italic TTF271.1 KB

    Strong letters for thoughtful layouts

  • Semi Bold Italic

    Weight 600 · Italic WOFF269.1 KB

    Strong letters for thoughtful layouts

  • Bold Italic

    Weight 700 · Italic TTF273.7 KB

    Strong letters for thoughtful layouts

  • Bold Italic

    Weight 700 · Italic WOFF269.1 KB

    Strong letters for thoughtful layouts

About Zilla Slab

Zilla Slab is a slab serif font from Typotheque. Slab serif typefaces are characterized by sturdy, block-like serifs that give lettering a distinct presence. They can suit editorial design, magazine layouts, headlines, branding, and other projects that benefit from clear typographic hierarchy.

The family includes Light, Regular, Medium, SemiBold, and Bold weights, along with Light Italic, Regular Italic, Medium Italic, SemiBold Italic, and Bold Italic. The supplied style data contains 20 entries, including repeated Regular entries. This range offers options for creating contrast between headings, supporting text, and emphasized passages while keeping a consistent typographic style.

Zilla Slab is available in TTF and WOFF2 formats and supports Latin and Latin Extended scripts. Its largest supplied font file contains 1,056 glyphs. Preview your own text to compare the available weights and italic variations before downloading. The font is licensed under the SIL Open Font License 1.1, which permits commercial use subject to its terms.

License

Commercial use allowed under SIL Open Font License 1.1

SIL Open Font License 1.1 · Official license text

Free to use, including commercially, study, modify and redistribute. The fonts may not be sold on their own and reserved font names must not be reused for modified versions.

Zilla Slab is licensed under the SIL Open Font License 1.1, which permits commercial use subject to its terms.

Read the original license file (OFL.txt)

Copyright notice

Copyright 2017, The Mozilla Foundation

This is a summary, not legal advice. Always read the full license before using a font commercially. See the font licensing guide.

Use Zilla Slab on your website

Copy the CSS below. Option B needs the font files uploaded to a fonts/ folder on your own server first.

Option A: use the font directly from Fonts1 (no upload needed)

@font-face {
  font-family: 'Zilla Slab';
  src: url('https://files.fonts1.com/fonts1/fonts/3113/531ce79321-zillaslab-light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('https://files.fonts1.com/fonts1/fonts/3113/4ab68779df-zillaslab-regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('https://files.fonts1.com/fonts1/fonts/3113/c27b192c2a-zillaslab-medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('https://files.fonts1.com/fonts1/fonts/3113/c9c2c9f996-zillaslab-semibold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('https://files.fonts1.com/fonts1/fonts/3113/6be116dbff-zillaslab-bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('https://files.fonts1.com/fonts1/fonts/3113/482989d5ff-zillaslab-lightitalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('https://files.fonts1.com/fonts1/fonts/3113/c4d02964bc-zillaslab-italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('https://files.fonts1.com/fonts1/fonts/3113/15565f77d5-zillaslab-mediumitalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('https://files.fonts1.com/fonts1/fonts/3113/56794e4342-zillaslab-semibolditalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('https://files.fonts1.com/fonts1/fonts/3113/39d14bc6a9-zillaslab-bolditalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

Quickest way to try it. For a busy production site, Option B (your own server) is more reliable.

Option B: self-host (download, then upload to your server)

@font-face {
  font-family: 'Zilla Slab';
  src: url('fonts/ZillaSlab-Light.woff2') format('woff2');
  font-weight: 300;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('fonts/ZillaSlab-Regular.woff2') format('woff2');
  font-weight: 400;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('fonts/ZillaSlab-Medium.woff2') format('woff2');
  font-weight: 500;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('fonts/ZillaSlab-SemiBold.woff2') format('woff2');
  font-weight: 600;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('fonts/ZillaSlab-Bold.woff2') format('woff2');
  font-weight: 700;
  font-style: normal;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('fonts/ZillaSlab-LightItalic.woff2') format('woff2');
  font-weight: 300;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('fonts/ZillaSlab-Italic.woff2') format('woff2');
  font-weight: 400;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('fonts/ZillaSlab-MediumItalic.woff2') format('woff2');
  font-weight: 500;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('fonts/ZillaSlab-SemiBoldItalic.woff2') format('woff2');
  font-weight: 600;
  font-style: italic;
  font-display: swap;
}

@font-face {
  font-family: 'Zilla Slab';
  src: url('fonts/ZillaSlab-BoldItalic.woff2') format('woff2');
  font-weight: 700;
  font-style: italic;
  font-display: swap;
}

2. Apply it

body {
  font-family: 'Zilla Slab', serif;
}

How to install Zilla Slab

  1. Download the font family (ZIP) and extract it.
  2. Windows: right-click the .ttf or .otf file and choose Install. macOS: double-click the file and choose Install Font.
  3. Restart your design or office program, then pick Zilla Slab from the font list.

Need more detail? Read the full installation guide.

More fonts by Typotheque

See all fonts by Typotheque →

Fonts that pair well with Zilla Slab

Good design mixes two or three fonts. These are picked from a different style (a clean sans next to a script, a serif next to a sans) so they stay easy to tell apart and cover the same language.

Similar fonts

More Free Serif Fonts

See all Free Serif Fonts →