← ALL PAIRS

DM Serif Display + DM Sans font pairing

Same foundry, same DNA. DM Serif Display's high contrast display forms paired with DM Sans's geometric body. Natural harmony. Perfect for editorial sites, product announcements, and refined marketing pages.

Use this pair

DM SERIF DISPLAY + DM SANS

EDIT BELOW

The Quick Brown Fox Jumps Over The Lazy Dog
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing, as well as modifying the space between pairs of letters.

See it in use

acme.com
Acme
Get started
Now in public beta

Ship your best work, faster.

A focused workspace for product teams to plan, build, and launch their best work.

Start free Book a demo

Trusted by teams at

NorthwindGlobexInitechUmbrellaCyberdyne
thedailyreview.example/p/the-quiet-power-of-good-type
The Daily Review
Subscribe

Opinion

The quiet power of good type.

Before a single word is read, the shapes on the page have already decided how much you trust them.

AT
Alan Tippins
Aug 2026 · 8 min read
Follow

Type does its work quietly. Before anyone reads a word, the shapes on the page have already set a tone, calm or loud, plain or dressed up. A good pairing gives a headline its voice and lets the body text settle into a calm, effortless reading rhythm.

The reader never notices the type, only the ease of it.

Choose the wrong pair and the seams show. The eye snags, the tone wobbles, and trust leaks away one sentence at a time. Most failures are not one loud mistake, but a hundred quiet ones hiding in plain sight.

The craft is to be felt, not seen. When a headline and its text agree, the page feels effortless, and the reader stays. That agreement is the whole game — an act of respect for the reader’s attention, paid in advance and never mentioned again.

USE THIS PAIR

Paste into your stylesheet, before other style rules.

@import url('https://fonts.googleapis.com/css2?family=DM+Serif+Display:wght@400&family=DM+Sans:wght@400;500;700&display=swap');

:root {
  --font-heading: 'DM Serif Display', serif;
  --font-body: 'DM Sans', sans-serif;
}

h1, h2, h3 {
  font-family: var(--font-heading);
}

body {
  font-family: var(--font-body);
}

RECOMMENDED WEIGHTS · DM SERIF DISPLAY

Regular 400The quick brown fox jumps over the lazy dog

Single weight — display use only

DM SANS

Regular 400The quick brown fox jumps over the lazy dog
Medium 500The quick brown fox jumps over the lazy dog
Bold 700The quick brown fox jumps over the lazy dog

CHARACTER SET · DM SERIF DISPLAY

Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Qq
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
0
1
2
3
4
5
6
7
8
9
!
@
#
$
%
&
*
(
)
?
.
,
;
:
+
=

DM SANS

Aa
Bb
Cc
Dd
Ee
Ff
Gg
Hh
Ii
Jj
Kk
Ll
Mm
Nn
Oo
Pp
Qq
Rr
Ss
Tt
Uu
Vv
Ww
Xx
Yy
Zz
0
1
2
3
4
5
6
7
8
9
!
@
#
$
%
&
*
(
)
?
.
,
;
:
+
=

ABOUT

DM Serif Display

The display serif companion to DM Sans, designed by Colophon Foundry. High-contrast forms with sharp terminals create immediate visual impact at large sizes. Single weight, best used for headlines only.

Colophon Foundry, 2019

serif · 2 styles

Italic

Recommended: 400

→ Google Fonts ↗

DM Sans

A geometric sans-serif designed by Colophon Foundry for DeepMind. Features low-contrast strokes, open apertures, and a friendly character that makes it one of the most versatile UI faces available.

Colophon Foundry, 2019

sans-serif · 18 styles

Variable · Italic

Recommended: 400, 500, 700

Available: 100900

→ Google Fonts ↗

ASK AI

Would DM Serif Display + DM Sans work for my project?

Sends this question and a link back to this page.

STAY POSTED

New pairings and in-the-wild finds, occasionally.

DM SERIF DISPLAY × DM SANS30 / 42