RANK #02 87% MATCH

DM Serif Display × Manrope

Heading  +  sans-serif

DM Serif Display is a dramatic, high-contrast display serif, and over Manrope's clean geometric body the contrast is striking — the elegant serif headline carries all the personality while Manrope keeps the body modern a...

Headings + Body Google Fonts Free
Match scores

How DM Serif Display and Manrope 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 94
Role clarity 90
X-height harmony 78
Mood affinity 82
WHY IT WORKS
Structure meets readability

DM Serif Display is a dramatic, high-contrast display serif, and over Manrope's clean geometric body the contrast is striking — the elegant serif headline carries all the personality while Manrope keeps the body modern and legible. Maximum class contrast, very clear hierarchy.

Where it shines

Editorial, fashion and premium product layouts wanting a dramatic headline over a clean modern body.

Where to be careful

DM Serif Display's hairlines need size and light backgrounds; its x-height is smaller than Manrope's, so set headings large and confident.

THE TYPEFACES
Meet the pair
Ag HEADING
Colophon Foundry
ABCDEFGHIJKLMNOPQRSTUVWXYZ abcdefghijklmnopqrstuvwxyz 0123456789 & ?!
BEST FOR Headlines, labels, UI
Ag BODY
sans-serif · Mikhail Sharanda · 2019
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 — DM Serif Display for headings, Manrope for everything you read.

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

body, p {
  font-family: "Manrope", serif;
  font-weight: 400;
  line-height: 1.7;
}
THE FONTPAIR JOURNAL

Get the pairing notes, weekly.

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