Serif · Google Font

Roboto Slab font pairings

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

Serif9 weightsVariableby Christian Robertson
Sphinx of black quartz, judge my vow
100The quick brown fox jumps over the lazy dog
200The quick brown fox jumps over the lazy dog
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
800The quick brown fox jumps over the lazy dog
900The quick brown fox jumps over the lazy dog

ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%

Roboto Slab is a free slab serif typeface designed by Christian Robertson, added to Google Fonts in 2013.

It comes in 9 weights, and is a variable font with a weight axis.

It is the #19 most popular Latin font family on Google Fonts and supports Cyrillic, Cyrillic Extended, Greek, Latin and Latin Extended characters.

With 9 weights, Roboto Slab is versatile enough for headings, interface text and body copy.

Fonts that pair well with Roboto Slab

The art of saying less

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

HRoboto SlabBRubikfriendly→

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

Ideas that travel well

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

HRoboto SlabBPoppinsfriendly→

A classic contrast: Roboto Slab's serifs give headlines an editorial, trustworthy voice while Poppins'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.

HRoboto SlabBDM Sansfriendly→

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

A field guide to good ideas

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

HPlus Jakarta SansBRoboto Slabmoderneditorial→

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

Make something people love

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

HFira SansBRoboto Slabmoderneditorial→

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

Try Roboto Slab in the pairing tool →

How to use Roboto 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=Roboto+Slab:wght@400;700&display=swap" rel="stylesheet">
CSS
font-family: 'Roboto Slab', serif;

Similar fonts to Roboto Slab

Frequently asked questions

Is Roboto Slab free for commercial use?

Yes. Roboto 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 Roboto Slab?

Good matches for Roboto Slab include Roboto, Rubik, Poppins and DM Sans. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.

Is Roboto Slab a variable font?

Yes. Roboto Slab is a variable font with a weight (100–900) axis.

Who designed Roboto Slab?

Roboto Slab was designed by Christian Robertson.