Serif · Google Font

Rokkitt font pairings

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

Serif9 weightsItalicsVariableby Vernon Adams
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 !?&@€$%

Rokkitt is a free slab serif typeface designed by Vernon Adams, added to Google Fonts in 2011.

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

It is the #310 most popular Latin font family on Google Fonts and supports Latin, Latin Extended and Vietnamese characters.

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

Fonts that pair well with Rokkitt

Ideas that travel well

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

HRokkittBGoogle Sansfriendly→

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

Stories worth reading slowly

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

HRokkittBLatofriendly→

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

Stories worth reading slowly

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

HRokkittBOswaldfriendly→

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

HInterBRokkittmoderneditorial→

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

Ideas that travel well

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

HDM SansBRokkittmoderneditorial→

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

Stories worth reading slowly

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

HAlfa Slab OneBRokkittbold→

Alfa Slab One brings character to headlines, and Rokkitt adds a bookish, readable rhythm to paragraphs — a good fit for editorial and brand sites.

Try Rokkitt in the pairing tool →

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

Similar fonts to Rokkitt

Frequently asked questions

Is Rokkitt free for commercial use?

Yes. Rokkitt 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 Rokkitt?

Good matches for Rokkitt include Google Sans, Lato, Oswald and Inter. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.

Is Rokkitt a variable font?

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

Who designed Rokkitt?

Rokkitt was designed by Vernon Adams.