RANK #09 79% MATCH

Oswald × Open Sans

sans-serif  +  sans-serif

Open Sans is the neutral web workhorse, and under Oswald it simply gets out of the way — the body recedes while Oswald's condensation carries all the impact. The width contrast keeps the hierarchy obvious.

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

How Oswald and Open Sans 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

Open Sans is the neutral web workhorse, and under Oswald it simply gets out of the way — the body recedes while Oswald's condensation carries all the impact. The width contrast keeps the hierarchy obvious.

Where it shines

Corporate, news and content sites wanting strong headlines over safe, frictionless body text.

Where to be careful

Open Sans is very neutral — personality rests entirely on Oswald, so make the headlines large and confident.

THE TYPEFACES
Meet the pair
Ag HEADING
Oswald
sans-serif · Steve Matteson · 2011
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
WEIGHTS
Light Regular Medium SemiBold Bold ExtraBold
BEST FOR Headlines, labels, UI
Ag BODY
Open Sans
sans-serif · Steve Matteson · 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, Open Sans 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=Open+Sans: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: "Open Sans", serif;
  font-weight: 400;
  line-height: 1.7;
}
MORE PAIRINGS
Other ways to use Open Sans
All Open Sans pairings
Ag × Ag
Open Sans + Open Sans

Open Sans is the neutral humanist workhorse of the web, and under Playfair it does exactly what a body font should — disappear. Close tall x...

88% match Rank #01
Ag × Ag
Open Sans + Lora

Lora's warm, moderate-contrast serif headings give a literary feel over Open Sans's clean humanist body. Softer than Playfair, Lora makes a...

87% match Rank #02
Ag × Ag
Open Sans + Cormorant

Cormorant is a high-contrast display serif with real elegance, and over Open Sans's neutral body it creates a refined, editorial hierarchy —...

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