Classic
Literary and warm serif pairing. Elegant display headings with classic body text for publishing.
Installation
$ pnpm dlx shadcn@latest add @fonttrio/classicDM Serif Display
The quick brown fox
Libre Baskerville
Jumps over the lazy dog and runs across the meadow
JetBrains Mono
const x = fn(42);
Try it with your text
Typography scale
$ pnpm dlx shadcn@latest add @fonttrio/classicDM Serif Display
DM Serif Display
DM Serif Display
DM Serif Display
The quick brown fox jumps over the lazy dog. Good typography is invisible — great typography speaks before you read.
Similar pairings
Cormorant Garamond
For stories worth telling. Cormorant's dramatic display weight arrests attention at the chapter level, while Lora's brush-inspired curves make each paragraph a pleasure to read.
pnpm dlx shadcn@latest add @fonttrio/novelPlayfair Display
Classic editorial pairing. High-contrast serif headings with readable serif body text.
pnpm dlx shadcn@latest add @fonttrio/editorialLato
Warm humanist sans heading with sturdy serif body. One of the most popular web pairings for readability.
pnpm dlx shadcn@latest add @fonttrio/lato-merriweatherLibre Baskerville
Classical Baskerville heading with clean Source Sans body. Timeless elegance with modern readability.
pnpm dlx shadcn@latest add @fonttrio/libre-baskerville-source-sans-3EB Garamond
Pure literary elegance. Two old-style serifs in conversation — Garamond's refined Renaissance forms meet Crimson's contemporary interpretation, creating a scholarly harmony.
pnpm dlx shadcn@latest add @fonttrio/literaryBitter
Two screen-first serifs in harmony. Bitter's sturdy slab headlines ground the page, while Lora's calligraphic curves make every paragraph feel like turning a page in a favorite book.
pnpm dlx shadcn@latest add @fonttrio/memoir