The Quick Brown Fox
Typography is the art of arranging type to make written language legible, readable, and appealing when displayed.
LIBRE BASKERVILLE + DM SANS
LIBRE BASKERVILLE
DM SANS
CHARACTER SET · LIBRE BASKERVILLE
DM SANS
USE THIS PAIR
# npm
npm install @fontsource/libre-baskerville @fontsource/dm-sans
# yarn
yarn add @fontsource/libre-baskerville @fontsource/dm-sans
# pnpm
pnpm add @fontsource/libre-baskerville @fontsource/dm-sans
# Then import in your app entry point:
import '@fontsource/libre-baskerville';
import '@fontsource/dm-sans';
# CSS usage after import:
# font-family: 'Libre Baskerville', serif;
# font-family: 'DM Sans', sans-serif;ABOUT
Libre Baskerville
A web-optimized Baskerville by Impallari Type. Refined for body text on screen with a larger x-height and wider proportions than traditional Baskerville cuts, while maintaining classical elegance.
Impallari Type, 2012
serif · 8 styles
Variable · Italic
Recommended: 400, 700
Available: 400–700
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: 100–900
Classical Baskerville proportions paired with DM Sans's geometric confidence. Sophistication without pretension. Ideal for luxury brands, portfolios, and high-end product pages.
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.