Bitter is a slab serif built for screens with a tall x-height that matches Poppins's. The slab serifs give body text more visual weight than a delicate book serif would, so it balances Poppins's strong circular headlines...
How Poppins and Bitter score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.
COMPOSITE MATCH
86/100
Strong match
Class contrast86
Role clarity88
X-height harmony88
Mood affinity82
WHY IT WORKS
Structure meets readability
Bitter is a slab serif built for screens with a tall x-height that matches Poppins's. The slab serifs give body text more visual weight than a delicate book serif would, so it balances Poppins's strong circular headlines instead of being overpowered by them — a sturdier, more contemporary feel than the Merriweather route.
Where it shines
Tech and product blogs, documentation, dashboards where body text needs to hold its own under bold headings.
Where to be careful
Slabs read dense in long paragraphs — give Bitter generous line-height (1.6+) so it breathes.