The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
PLAYFAIR DISPLAY + SOURCE SANS 3
PLAYFAIR DISPLAY
SOURCE SANS 3
CHARACTER SET · PLAYFAIR DISPLAY
SOURCE SANS 3
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
A transitional serif designed for display use, inspired by the European Enlightenment. Features high contrast between thick and thin strokes, with delicate hairlines and distinctive ball terminals.
Claus Eggers Sorensen, 2011
serif · 12 styles
Variable · Italic
Recommended: 400, 700
Available: 400–900
Source Sans 3
Adobe's first open-source typeface, designed by Paul D. Hunt. A humanist sans-serif with wide language support and careful optimization for both UI and reading contexts across all screen sizes.
Paul D. Hunt, 2012
sans-serif · 16 styles
Variable · Italic
Recommended: 400, 600
Available: 200–900
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.
RELATED PAIRS
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.