Poppins × Merriweather
Merriweather is a sturdy serif drawn for screen reading with a tall x-height that lines up neatly with Poppins's, so a Poppins heading over a Merriweather body reads as one sized system while the sans/serif contrast supp...
How Poppins and Merriweather score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.
Merriweather is a sturdy serif drawn for screen reading with a tall x-height that lines up neatly with Poppins's, so a Poppins heading over a Merriweather body reads as one sized system while the sans/serif contrast supplies clean hierarchy. Merriweather brings the editorial warmth Poppins's cool geometry deliberately lacks, and Poppins keeps the headlines modern and confident.
Where it shines
Blogs, editorial layouts, product marketing — anywhere confident modern headlines sit over comfortable long-form body text.
Both are heavy at the top of their ranges; pair Poppins SemiBold/Bold headings with Merriweather Regular body, not bold-on-bold.
Add the fonts, then two rules — Poppins for headings, Merriweather for everything you read.
<link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Poppins:wght@500;700&family=Merriweather:wght@400;500&display=swap" rel="stylesheet">
h1, h2, h3 { font-family: "Poppins", sans-serif; font-weight: 700; letter-spacing: -0.01em; } body, p { font-family: "Merriweather", 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...
Two warm, tall-x-height faces from opposite sides of the sans/serif line — Lato leads with friendly headings, Merriweather carries the body...
Merriweather Sans is Merriweather's purpose-built companion — same proportions, x-height and warmth, drawn as a sans. Pairing the two is abo...
Get the pairing notes, weekly.
One short email a week — a new pairing, a specimen, and a tip. No spam.