RANK #05 87% MATCH

Oswald × Merriweather

sans-serif  +  serif

This is Oswald's strongest pairing because two kinds of contrast stack: Oswald's narrow condensed caps against Merriweather's wide, open serif body, and sans against serif. The double contrast makes the hierarchy unmista...

Headings + Body Google Fonts Free
Open in Studio Copy CSS
Match scores

How Oswald and Merriweather score across four checks — class contrast, role clarity, x-height harmony and mood affinity. Higher is better.

COMPOSITE MATCH
87 /100
Strong match
Class contrast 90
Role clarity 90
X-height harmony 84
Mood affinity 80
WHY IT WORKS
Structure meets readability

This is Oswald's strongest pairing because two kinds of contrast stack: Oswald's narrow condensed caps against Merriweather's wide, open serif body, and sans against serif. The double contrast makes the hierarchy unmistakable, while Merriweather's sturdy readability gives the body real substance under Oswald's bold lead.

Where it shines

Sports, news, magazine and editorial layouts wanting commanding headlines over solid, readable body text.

Where to be careful

Oswald is loud — keep Merriweather at Regular for body so the page doesn't feel heavy top to bottom.

THE TYPEFACES
Meet the pair
Ag HEADING
Oswald
sans-serif · Vernon Adams · 2011
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
WEIGHTS
ExtraLight Light Regular Medium SemiBold Bold
BEST FOR Headlines, labels, UI
Ag BODY
Merriweather
serif · Eben Sorkin · 2011
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
WEIGHTS
Light Regular Medium SemiBold Bold ExtraBold
BEST FOR Body text, quotes, long reads
GET THE PAIR
Drop it into your project

Add the fonts, then two rules — Oswald for headings, Merriweather for everything you read.

index.html
<link rel="preconnect" href="https://fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css2?family=Oswald:wght@500;700&family=Merriweather:wght@400;500&display=swap" rel="stylesheet">
styles.css
h1, h2, h3 {
  font-family: "Oswald", sans-serif;
  font-weight: 700;
  letter-spacing: -0.01em;
}

body, p {
  font-family: "Merriweather", serif;
  font-weight: 400;
  line-height: 1.7;
}
MORE PAIRINGS
Other ways to use Merriweather
All Merriweather pairings
Ag × Ag
Merriweather + Merriweather

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...

91% match Rank #01
Ag × Ag
Merriweather + 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...

89% match Rank #02
Ag × Ag
Merriweather + Lato

Two warm, tall-x-height faces from opposite sides of the sans/serif line — Lato leads with friendly headings, Merriweather carries the body...

89% match Rank #03
THE FONTPAIR JOURNAL

Get the pairing notes, weekly.

One short email a week — a new pairing, a specimen, and a tip. No spam.