RANK #07 81% MATCH

Dosis × Nunito Sans

sans-serif  +  sans-serif

Dosis and Nunito Sans are both rounded sans-serifs, so this is a soft, all-rounded system — Dosis leads with its light display geometry while Nunito Sans carries the body with friendly, readable curves. The shared rounde...

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

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

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

Dosis and Nunito Sans are both rounded sans-serifs, so this is a soft, all-rounded system — Dosis leads with its light display geometry while Nunito Sans carries the body with friendly, readable curves. The shared rounded mood makes it feel cohesive and gentle.

Where it shines

Children's, lifestyle and friendly brand sites wanting a soft, cohesive all-rounded look.

Where to be careful

Both are sans and rounded, so contrast comes from weight and size — use bold Dosis headings against regular Nunito Sans body.

THE TYPEFACES
Meet the pair
Ag HEADING
Dosis
sans-serif · Edgar Tolentino, Pablo Impallari, Igino Marini · 2011
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
WEIGHTS
ExtraLight Light Regular Medium SemiBold Bold
BEST FOR Headlines, labels, UI
Ag BODY
Nunito Sans
sans-serif · Vernon Adams, Jacques Le Bailly, Manvel Shmavonyan · 2016
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
WEIGHTS
ExtraLight Light Regular Medium SemiBold Bold
BEST FOR Body text, quotes, long reads
GET THE PAIR
Drop it into your project

Add the fonts, then two rules — Dosis for headings, Nunito Sans for everything you read.

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

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

Dosis's light, rounded headlines over Merriweather's sturdy serif body pair a soft display voice with a comfortable reading face — the round...

84% match Rank #01
Ag × Ag
Dosis + Vollkorn

Dosis's rounded display headlines over Vollkorn's warm serif body pair a soft, elegant headline with hearty reading text — the geometric cur...

84% match Rank #02
Ag × Ag
Dosis + Lora

Dosis's rounded display headlines over Lora's warm, moderate-contrast serif body pair a soft headline with a literary reading face — the geo...

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