← ALL PAIRS

DM SERIF DISPLAY + DM SANS

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.

USE THIS PAIR

# npm
npm install @fontsource/dm-serif-display @fontsource/dm-sans

# yarn
yarn add @fontsource/dm-serif-display @fontsource/dm-sans

# pnpm
pnpm add @fontsource/dm-serif-display @fontsource/dm-sans

# Then import in your app entry point:
import '@fontsource/dm-serif-display';
import '@fontsource/dm-sans';

# CSS usage after import:
# font-family: 'DM Serif Display', serif;
# font-family: 'DM Sans', sans-serif;

ABOUT

DM Serif Display

Colophon Foundry, 2019

serif · 400

→ Google Fonts ↗

DM Sans

Colophon Foundry, 2019

sans-serif · 400, 500, 700

→ Google Fonts ↗

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.

DM SERIF DISPLAY × DM SANS27 / 38