Roboto font pairings
Fonts that go with Roboto — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Roboto is a free sans serif typeface designed by Christian Robertson, ParaType and Font Bureau, added to Google Fonts in 2013.
It comes in 9 weights with matching italics, and is a variable font with width and weight axes.
It is the #1 most popular Latin font family on Google Fonts and supports Cyrillic, Cyrillic Extended, Greek, Latin and Latin Extended characters.
With 9 weights, Roboto is versatile enough for headings, interface text and body copy.
Fonts that pair well with Roboto
Typography sets the tone before a single word is read. A good pairing feels like one voice.
Slab headings add weight and personality while sharing Roboto’s underlying skeleton.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: Source Serif 4's serifs give headlines an editorial, trustworthy voice while Roboto's clean shapes keep body text easy to scan on screens.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: Crimson Text's serifs give headlines an editorial, trustworthy voice while Roboto's clean shapes keep body text easy to scan on screens.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: EB Garamond's serifs give headlines an editorial, trustworthy voice while Roboto's clean shapes keep body text easy to scan on screens.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A modern twist on the classic: Roboto keeps headings crisp and contemporary, while Zilla Slab's serifs guide the eye along longer lines of text.
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A modern twist on the classic: Roboto keeps headings crisp and contemporary, while Bitter's serifs guide the eye along longer lines of text.
Try Roboto in the pairing tool →
How to use Roboto on your website
<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:wght@400;700&display=swap" rel="stylesheet">font-family: 'Roboto', sans-serif;Similar fonts to Roboto
Frequently asked questions
Is Roboto free for commercial use?
Yes. Roboto 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?
Good matches for Roboto include Roboto Slab, Source Serif 4, Crimson Text and EB Garamond. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Roboto a variable font?
Yes. Roboto is a variable font with width (75–100) and weight (100–900) axes.
Who designed Roboto?
Roboto was designed by Christian Robertson, ParaType and Font Bureau.