RANK #09 79% MATCH

Oswald × Lato

sans-serif  +  sans-serif

Oswald's condensed headlines over Lato's warm, normal-width body — the width contrast does the hierarchy work, and Lato's friendliness takes some of the hard edge off Oswald's industrial tone.

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

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

COMPOSITE MATCH
79 /100
Reliable choice
Class contrast 70
Role clarity 84
X-height harmony 82
Mood affinity 82
WHY IT WORKS
Structure meets readability

Oswald's condensed headlines over Lato's warm, normal-width body — the width contrast does the hierarchy work, and Lato's friendliness takes some of the hard edge off Oswald's industrial tone.

Where it shines

Marketing, sports and editorial layouts wanting bold headlines over warm, readable body text.

Where to be careful

Two sans — keep Oswald's weight up so the condensed heading stays clearly dominant.

THE TYPEFACES
Meet the pair
Ag HEADING
Oswald
sans-serif · Łukasz Dziedzic · 2010
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
WEIGHTS
Thin Light Regular Bold Black
BEST FOR Headlines, labels, UI
Ag BODY
Lato
sans-serif · Łukasz Dziedzic · 2010
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
WEIGHTS
Thin Light Regular Bold Black
BEST FOR Body text, quotes, long reads
GET THE PAIR
Drop it into your project

Add the fonts, then two rules — Oswald for headings, Lato 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=Lato: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: "Lato", serif;
  font-weight: 400;
  line-height: 1.7;
}
MORE PAIRINGS
Other ways to use Lato
All Lato pairings
Ag × Ag
Lato + Lato

Lato is a warm humanist sans that reads calmly at length, and that warmth is what makes it the standout Playfair partner — it softens the pa...

90% match Rank #01
Ag × Ag
Lato + 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 #02
Ag × Ag
Lato + Lato

Lora's calligraphic warmth answers Lato's friendly humanism — the two share a gentle temperament, so the pairing feels coordinated. Lato lea...

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