Fonts that go with Roboto Slab

6 free fonts that pair well with Roboto Slab, a serif font by Christian Robertson. Each pair is set as a real heading and paragraph, so you can see them work together.

Top pairing

Roboto Slab and Roboto Condensed

Roboto Slab heading, Roboto Condensed text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

Roboto Condensed heading, Roboto Slab text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

A classic contrast: the serif Roboto Slab and the sans serif Roboto Condensed feel different at a glance, so headings and body text are easy to tell apart while sharing a similar mood.

Pairing 2

Roboto Slab and Montserrat

Roboto Slab heading, Montserrat text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

Montserrat heading, Roboto Slab text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

A classic contrast: the serif Roboto Slab and the sans serif Montserrat feel different at a glance, so headings and body text are easy to tell apart while sharing a similar mood.

Pairing 3

Roboto Slab and Raleway

Roboto Slab heading, Raleway text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

Raleway heading, Roboto Slab text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

A classic contrast: the serif Roboto Slab and the sans serif Raleway feel different at a glance, so headings and body text are easy to tell apart while sharing a similar mood.

Pairing 4

Roboto Slab and Rubik

Roboto Slab heading, Rubik text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

Rubik heading, Roboto Slab text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

A classic contrast: the serif Roboto Slab and the sans serif Rubik feel different at a glance, so headings and body text are easy to tell apart while sharing a similar mood.

Pairing 5

Roboto Slab and Lexend

Roboto Slab heading, Lexend text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

Lexend heading, Roboto Slab text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

A classic contrast: the serif Roboto Slab and the sans serif Lexend feel different at a glance, so headings and body text are easy to tell apart while sharing a similar mood.

Pairing 6

Roboto Slab and Noto Sans TC

Roboto Slab heading, Noto Sans TC text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

Noto Sans TC heading, Roboto Slab text

Good design starts with a clear voice

A strong pairing gives your headline personality and keeps your paragraphs easy to read. Here the heading and the text are set in two different fonts, so you can judge how they work together before you choose.

A classic contrast: the serif Roboto Slab and the sans serif Noto Sans TC feel different at a glance, so headings and body text are easy to tell apart while sharing a similar mood.

Pairing Roboto Slab, answered

What font goes best with Roboto Slab?

Roboto Condensed is our top pick. A classic contrast: the serif Roboto Slab and the sans serif Roboto Condensed feel different at a glance, so headings and body text are easy to tell apart while sharing a similar mood.

Should Roboto Slab be the heading or the body font?

Either works. Roboto Slab has several weights, so it can carry headings or text. Try both orders above and keep the one that reads more clearly.

Are these font pairings free for commercial use?

Yes. Every font on this page is open licence, free for personal and commercial work, including logos, websites and print.

How do I use two fonts on a website?

Open each font page and copy the web embed code. Link both in your HTML, then set the heading font on h1, h2 and h3 and the body font on body or p in your CSS.