Montserrat × Bitter
Bitter is a slab serif designed for screens, with a tall x-height that lines up neatly with Montserrat's. The slab serifs give body text more visual weight than a delicate book serif would, which balances Montserrat's st...
How Montserrat and Bitter score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.
Bitter is a slab serif designed for screens, with a tall x-height that lines up neatly with Montserrat's. The slab serifs give body text more visual weight than a delicate book serif would, which balances Montserrat's strong geometric headlines instead of being overpowered by them. It's a sturdier, more contemporary feel than the Merriweather route.
Where it shines
Tech and product blogs, documentation, dashboards and UI where body text needs to hold its own against bold headings.
Slabs can feel dense in long paragraphs; give Bitter generous line-height (1.6+) so the body breathes under the headings.
Add the fonts, then two rules — Montserrat for headings, Bitter for everything you read.
<link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Montserrat:wght@500;700&family=Bitter:wght@400;500&display=swap" rel="stylesheet">
h1, h2, h3 { font-family: "Montserrat", sans-serif; font-weight: 700; letter-spacing: -0.01em; } body, p { font-family: "Bitter", serif; font-weight: 400; line-height: 1.7; }
This is the workhorse Montserrat pairing, and it works because the two faces are built on the same proportions from opposite sides of the sa...
Lora is a contemporary serif with calligraphic roots and moderate contrast, and that hand-drawn warmth is the perfect counterweight to Monts...
PT Serif is a transitional serif built for readability, and it plays a quiet, trustworthy support role under Montserrat's modern headlines....
Get the pairing notes, weekly.
One short email a week — a new pairing, a specimen, and a tip. No spam.