HEADING / BODY / TOGETHER
Font pairings
Curated heading and body combinations, with a reason for each choice. Open a pairing to change the text, colours and layout.
Abril Fatface + Source Sans 3
Poster and supporting copy
A high-contrast display heading carries the main message while a quiet sans-serif supports it.
Try this pairingJetBrains Mono + Inter
Technical dashboards
Monospaced labels distinguish code and figures from flexible interface text.
Try this pairingMontserrat + Merriweather
Structured websites
Geometric headings establish the hierarchy above a robust text serif.
Try this pairingOswald + Lora
Compact editorial
Narrow headings contrast with a fuller serif body in a compact article layout.
Try this pairingCaveat + Manrope
Friendly personal notes
Handwritten headings add personality; the body keeps essential information legible.
Try this pairingLeague Spartan + Libre Baskerville
Confident storytelling
Strong geometric headings anchor a traditional serif body.
Try this pairingPlayfair Display + Source Sans 3
Classic menus
A prominent serif title balances direct item names, descriptions and prices.
Try this pairingBebas Neue + Inter
Bold announcements
Condensed display lettering leaves room for clear supporting text.
Try this pairingArchivo + Source Serif 4
Practical publishing
Sturdy sans-serif headings separate sections above a serif reading face.
Try this pairingCormorant Garamond + DM Sans
Elegant invitations
High-contrast display headings work with a simple sans-serif for dates and practical details.
Try this pairingFraunces + Manrope
Expressive editorial
Soft, expressive serif headings contrast with an open sans-serif body.
Try this pairingSpace Grotesk + DM Sans
Clear and contemporary
Geometric headings give the page a distinct voice; the restrained body keeps longer passages calm.
Try this pairing