Merriweather and Merriweather Sans Font Pairing
Set in Merriweather 700 and Merriweather Sans 400
@import url('https://fonts.googleapis.com/css2?family=Merriweather:wght@700&family=Merriweather+Sans:wght@400;700&display=swap');
body {
font-family: 'Merriweather Sans', system-ui, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Merriweather', Georgia, serif;
font-weight: 700;
}Merriweather and Merriweather Sans are a matched pairing built around comfortable reading on screens. The serif sets the headings at weight 700, and the sans carries the body. Headings feel sturdy and traditional while the text stays clean at small sizes, which suits blogs, news-style sites and nonprofits.
Merriweather & Merriweather Sans
Headings 700, body text 400
ABCDEFGHIJKLM
abcdefghijklm
0123456789 &?!
Body text has to stay comfortable from the first line to the last.
Why Merriweather and Merriweather Sans Work Together
Merriweather, led by Sorkin Type, was designed as a text face that is pleasant to read on screens, with a very large x-height, slightly condensed letters, a mild diagonal stress and sturdy serifs. Merriweather Sans is its sans serif version. It is low in contrast and semi-condensed, designed to be pleasant at very small sizes, and it closely harmonizes with the weights and styles of the serif.
Because they share their structure, the two fonts have the same sense of scale. That means a heading never looks oddly large or small against the text beside it. The serifs alone do the job of telling the roles apart. Merriweather Sans also feels a little traditional despite its modern shapes, so the page keeps a consistent, steady tone.
Where Merriweather and Merriweather Sans Work Best
Blogs and news-style sites are a natural fit, particularly ones read mostly on phones, where a large x-height makes a real difference. A community newspaper or local nonprofit can use the serif for headlines and the sans for stories, dates and navigation. It also suits school and association sites that need to feel trustworthy without looking dated.
Weights and Sizes to Use
Set Merriweather at 700 for headings, or 900 for a heavier title; the family includes a wide weight range with italics. Use Merriweather Sans at 400 for body text and 700 for bold. Both look large for their size, so 16 to 17px is usually enough on screens, with a line height near 1.6. Keep heading line height around 1.2.
Things to Watch
Both fonts are on the dark and compact side, so a page can start to feel dense. Give paragraphs some room with a line length of 60 to 75 characters and generous spacing between sections. Avoid setting long stretches of the serif at bold weights, as they can look heavy. Dark grey text colour rather than pure black also softens the page.
Similar Pairings
Pairs with a similar classic feel, each with its own page.
PT Serif & PT Sans
Contrast does the work. When the heading and the body clearly differ, the page tells readers where to look first.
Besley & Commissioner
The best pairings go unnoticed. Readers remember the story, not the fonts, and that is exactly the point.
Brygada 1918 & Familjen Grotesk
Good type disappears into the reading. The heading sets the tone, and the body font carries the story to the last line.