Serif · Google Font

Zilla Slab font pairings

Fonts that go with Zilla Slab — live previews, pairing ideas and free embed code.

Serif5 weightsItalicsby Typotheque
Sphinx of black quartz, judge my vow
300The quick brown fox jumps over the lazy dog
400The quick brown fox jumps over the lazy dog
500The quick brown fox jumps over the lazy dog
600The quick brown fox jumps over the lazy dog
700The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%

Zilla Slab is a free serif typeface designed by Typotheque, added to Google Fonts in 2017.

It comes in 5 weights with matching italics.

It is the #148 most popular Latin font family on Google Fonts.

With 5 weights, Zilla Slab is versatile enough for headings, interface text and body copy.

Fonts that pair well with Zilla Slab

A field guide to good ideas

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HZilla SlabBIBM Plex Sanseditorial→

A classic contrast: Zilla Slab's serifs give headlines an editorial, trustworthy voice while IBM Plex Sans's clean shapes keep body text easy to scan on screens.

Built for the long run

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HZilla SlabBMontserrateditorial→

A classic contrast: Zilla Slab's serifs give headlines an editorial, trustworthy voice while Montserrat's clean shapes keep body text easy to scan on screens.

Where craft meets code

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HZilla SlabBWork Sanseditorial→

A classic contrast: Zilla Slab's serifs give headlines an editorial, trustworthy voice while Work Sans's clean shapes keep body text easy to scan on screens.

Design is how it works

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HPoppinsBZilla Slabmoderneditorial→

A modern twist on the classic: Poppins keeps headings crisp and contemporary, while Zilla Slab's serifs guide the eye along longer lines of text.

Where craft meets code

Typography sets the tone before a single word is read. A good pairing feels like one voice.

HLatoBZilla Slabmoderneditorial→

A modern twist on the classic: Lato keeps headings crisp and contemporary, while Zilla Slab's serifs guide the eye along longer lines of text.

Try Zilla Slab in the pairing tool →

How to use Zilla Slab on your website

HTML — paste in <head>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Zilla+Slab:wght@400;700&display=swap" rel="stylesheet">
CSS
font-family: 'Zilla Slab', serif;

Similar fonts to Zilla Slab

Frequently asked questions

Is Zilla Slab free for commercial use?

Yes. Zilla Slab is distributed through Google Fonts under an open-source licence, so you can use it for free in personal and commercial projects, including websites, apps, logos and print.

What fonts go well with Zilla Slab?

Good matches for Zilla Slab include Open Sans, IBM Plex Sans, Montserrat and Work Sans. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.

Is Zilla Slab a variable font?

No. Zilla Slab is available as 5 static weights.

Who designed Zilla Slab?

Zilla Slab was designed by Typotheque.