← ALL PAIRS

PLAYFAIR DISPLAY + SOURCE SANS 3

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/playfair-display @fontsource/source-sans-3

# yarn
yarn add @fontsource/playfair-display @fontsource/source-sans-3

# pnpm
pnpm add @fontsource/playfair-display @fontsource/source-sans-3

# Then import in your app entry point:
import '@fontsource/playfair-display';
import '@fontsource/source-sans-3';

# CSS usage after import:
# font-family: 'Playfair Display', serif;
# font-family: 'Source Sans 3', sans-serif;

ABOUT

Playfair Display

Claus Eggers Sorensen, 2010

serif · 400, 700

→ Google Fonts ↗

Source Sans 3

Paul D. Hunt, 2012

sans-serif · 400, 600

→ Google Fonts ↗

A timeless editorial pairing. Playfair Display's refined serifs contrast beautifully with Source Sans 3's clean humanist forms. Ideal for editorial sites, blogs, and content-heavy publications.

← PREVPLAYFAIR DISPLAY × SOURCE SANS 301 / 38