Merriweather Sans is Merriweather's purpose-built companion — same proportions, x-height and warmth, drawn as a sans. Pairing the two is about as safe as a combination gets: a Merriweather Sans heading over a Merriweathe...
How Merriweather Sans and Merriweather score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.
Merriweather Sans is Merriweather's purpose-built companion — same proportions, x-height and warmth, drawn as a sans. Pairing the two is about as safe as a combination gets: a Merriweather Sans heading over a Merriweather serif body reads as one coordinated system with zero friction, the sans giving a clean, modern headline while the serif carries comfortable, editorial body text.
Editorial, documentation and content sites wanting a fully coordinated serif-and-sans superfamily from one designer.
Because they share a skeleton the contrast is gentle — push the Sans heading weight and size so the hierarchy stays clear over the serif body.
Add the fonts, then two rules — Merriweather Sans for headings, Merriweather for everything you read.
<link rel="preconnect" href="https://fonts.googleapis.com"> <link href="https://fonts.googleapis.com/css2?family=Merriweather+Sans:wght@500;700&family=Merriweather:wght@400;500&display=swap" rel="stylesheet">
h1, h2, h3 { font-family: "Merriweather Sans", 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...
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...
Two warm, tall-x-height faces from opposite sides of the sans/serif line — Lato leads with friendly headings, Merriweather carries the body...
One short email a week — a new pairing, a specimen, and a tip. No spam.