Memoir
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.
Installation
$ pnpm dlx shadcn@latest add @fonttrio/memoirBitter
The quick brown fox
Lora
Jumps over the lazy dog and runs across the meadow
Inconsolata
const x = fn(42);
Try it with your text
Typography scale
$ pnpm dlx shadcn@latest add @fonttrio/memoirBitter
Bitter
Bitter
Bitter
The quick brown fox jumps over the lazy dog. Good typography is invisible — great typography speaks before you read.
Similar pairings
Lora
Warm and inviting. Lora's brushed curves bring narrative warmth to headlines, while Nunito Sans's rounded terminals keep body text approachable and easy to scan.
pnpm dlx shadcn@latest add @fonttrio/storytellerDM Serif Display
Literary and warm serif pairing. Elegant display headings with classic body text for publishing.
pnpm dlx shadcn@latest add @fonttrio/classicLato
Warm humanist sans heading with sturdy serif body. One of the most popular web pairings for readability.
pnpm dlx shadcn@latest add @fonttrio/lato-merriweatherBitter
Slab-serif substance. Bitter's sturdy slab serifs were designed specifically for screen reading, making headlines feel anchored and authoritative. Open Sans handles the body with effortless neutrality.
pnpm dlx shadcn@latest add @fonttrio/digestCormorant 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/novelPoppins
Global-ready friendliness. Poppins brings Indian Type Foundry's geometric warmth to headlines, while Hind's Devanagari-first design ensures beautiful rendering across Latin and Indic scripts.
pnpm dlx shadcn@latest add @fonttrio/social