Bitter font pairings
Fonts that go with Bitter — live previews, pairing ideas and free embed code.
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 !?&@€$%
Bitter is a free serif typeface designed by Sol Matas, 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 #88 most popular Latin font family on Google Fonts and supports Cyrillic, Cyrillic Extended, Latin, Latin Extended and Vietnamese characters.
With 9 weights, Bitter is versatile enough for headings, interface text and body copy.
Fonts that pair well with Bitter
Typography sets the tone before a single word is read. A good pairing feels like one voice.
A classic contrast: Bitter'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: Bitter's serifs give headlines an editorial, trustworthy voice while Nunito Sans'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: Bitter's serifs give headlines an editorial, trustworthy voice while Inter'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: Raleway keeps headings crisp and contemporary, while Bitter'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: Montserrat keeps headings crisp and contemporary, while Bitter'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.
Alfa Slab One brings character to headlines, and Bitter adds a bookish, readable rhythm to paragraphs — a good fit for editorial and brand sites.
Try Bitter in the pairing tool →
How to use Bitter 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=Bitter:wght@400;700&display=swap" rel="stylesheet">font-family: 'Bitter', serif;Similar fonts to Bitter
Frequently asked questions
Is Bitter free for commercial use?
Yes. Bitter 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 Bitter?
Good matches for Bitter include Roboto, Nunito Sans, Inter and Raleway. Each of these offers enough contrast to create clear hierarchy while keeping a consistent feel.
Is Bitter a variable font?
Yes. Bitter is a variable font with a weight (100–900) axis.
Who designed Bitter?
Bitter was designed by Sol Matas.