Shortlist 0/4
Add up to four fonts, then compare them side by side.
Heading: Playfair Display
Body: Source Sans 3
The long weekend issue: twelve stories worth slowing down for
Pour a coffee and settle in. This week we follow a bookbinder in Porto, revisit a forgotten jazz record and ask why handwritten letters still feel different.
Why this pairing works
Playfair Display's high stroke contrast gives headlines drama, while Source Sans 3's even, humanist texture keeps paragraphs calm. The contrast in classification makes the hierarchy obvious at a glance.
Copy the pairing
All curated pairings
Each combination was chosen for a specific reason, explained on its card. Select one to load it into the generator.
- Heading Playfair Display Body Source Sans 3 The long weekend issue: twelve stories worth slowing down for Pour a coffee and settle in. This week we follow a bookbinder in Porto, revisit a forgotten jazz record and ask why handwritten letters still feel different. Use Playfair Display with Source Sans 3
- Heading Fraunces Body Inter Ship the report your team actually reads Turn weekly metrics into a two-minute summary. Connect your data sources once, choose what matters, and every Monday the update writes itself. Use Fraunces with Inter
- Heading DM Serif Display Body DM Sans Selected work, 2019 to now I design identities and websites for small cultural organisations. Below are eight projects, from a riverside museum to a record label run out of a garage. Use DM Serif Display with DM Sans
- Heading Source Serif 4 Body Source Sans 3 Getting started: install the CLI in five minutes Download the package for your platform, add it to your path and run the setup command. The guide below covers macOS, Windows and Linux. Use Source Serif 4 with Source Sans 3
- Heading IBM Plex Serif Body IBM Plex Sans API reference: authentication and rate limits Every request needs a bearer token. Tokens expire after one hour, and each workspace can make 600 requests per minute before responses slow down. Use IBM Plex Serif with IBM Plex Sans
- Heading Montserrat Body Lora Fresh bread, every morning from seven We are a family bakery on Mill Street. Sourdough, rye and seasonal pastries come out of the oven before the shop opens, and we bake until we sell out. Use Montserrat with Lora
- Heading Libre Baskerville Body Libre Franklin City council approves the new riverside park After eighteen months of consultation, councillors voted 9 to 2 on Tuesday night to turn the former docks into public green space, with work due to begin in spring. Use Libre Baskerville with Libre Franklin
- Heading Cormorant Garamond Body Lato Emma and Daniel request the pleasure of your company Saturday the fourteenth of June at four o'clock in the afternoon, The Orangery, Kew. Dinner and dancing to follow. Kindly reply by the first of May. Use Cormorant Garamond with Lato
- Heading Oswald Body Lato Late winner sends City top of the table A stoppage-time header from the captain settled a tense derby 2–1, lifting City three points clear with four matches left to play this season. Use Oswald with Lato
- Heading Space Grotesk Body Inter Deploy to the edge in one command Push your code and we build, cache and serve it from 40 regions. Preview links for every branch, instant rollbacks and logs you can actually search. Use Space Grotesk with Inter
- Heading Instrument Serif Body Instrument Sans A studio for quiet, careful brands We are a two-person practice working on identity, editorial and type. We take on four projects a year so each one gets our full attention. Use Instrument Serif with Instrument Sans
- Heading Newsreader Body Schibsted Grotesk Inside the race to map the ocean floor Less than a quarter of the seabed has been charted in detail. A fleet of uncrewed boats is changing that, one survey line at a time. Use Newsreader with Schibsted Grotesk
- Heading Figtree Body Literata Notes from a year of reading slowly In January I promised myself one book a month, read with a pencil in hand. These are the passages I underlined and the ones I still think about. Use Figtree with Literata
- Heading Roboto Slab Body Roboto Release notes: version 4.2 Dark mode now follows your system setting, exports are up to three times faster, and the sidebar remembers which folders you left open. Use Roboto Slab with Roboto
- Heading Zilla Slab Body Fira Sans Community meetup: building with open hardware Join us on Thursday at the library makerspace. Bring a project, a question or just curiosity. Soldering irons and pizza provided. Use Zilla Slab with Fira Sans
- Heading Abril Fatface Body Poppins The autumn collection has arrived Heavy wool coats, soft knitwear and boots made to last. Free delivery on orders over 80 euros and free returns for thirty days. Use Abril Fatface with Poppins
- Heading Bebas Neue Body Montserrat Summer Sound Festival, three days, forty artists Gates open at noon on Friday the eighth. Weekend passes include camping, and day tickets are on sale now while they last. Use Bebas Neue with Montserrat
- Heading Syne Body Manrope We make brands that refuse to sit still Strategy, motion and digital design for companies that would rather be remembered than liked. Based in Lisbon, working everywhere. Use Syne with Manrope
- Heading Karla Body Spectral The quiet art of the essay An essay is a try, not a verdict. The best ones wander a little, admit what they do not know and leave the reader with a better question. Use Karla with Spectral
- Heading Poppins Body Lora Book a table at Olive and Thyme Seasonal Mediterranean cooking in a small dining room off the high street. Open Tuesday to Sunday, with a set lunch menu on weekdays. Use Poppins with Lora
- Heading Lexend Body Atkinson Hyperlegible Learning to read music, one step at a time Each lesson takes ten minutes and builds on the last. Start with the notes on the stave, then rhythm, then your first short tune. Use Lexend with Atkinson Hyperlegible
- Heading Archivo Black Body Archivo Budget 2027: what changes for you Income tax thresholds rise in April, fuel duty stays frozen and childcare support is extended. Here is how the main measures affect households. Use Archivo Black with Archivo
- Heading Unbounded Body Figtree Your money, finally in one place Link every account and card in a minute. See what you spend, where it goes and what is left, without spreadsheets or surprises. Use Unbounded with Figtree
- Heading Space Mono Body Space Grotesk Hi, I build tools for people who build things Developer and designer working on command-line utilities, small web apps and open-source libraries. Currently writing about terminal user interfaces. Use Space Mono with Space Grotesk
How the pairings were chosen
Every curated pairing combines two families from the catalogue and comes with a short explanation. Most rely on one of three proven approaches: contrast in classification (a serif with a sans-serif), shared origin (members of the same superfamily, such as Source Serif and Source Sans), or contrast in personality (an expressive display face over a quiet text face).
You can switch either font at any time. When the combination no longer matches a curated pairing, the explanation is replaced by a reminder to judge it by eye, because we do not generate reasons for combinations we have not reviewed.
Checking a pairing before you commit
- Replace the sample heading and paragraph with your own content.
- Make sure the heading and body fonts differ clearly. If you have to look twice to see which is which, choose a stronger contrast.
- Read the paragraph at its real size. Body text matters more than headings because visitors spend most of their time reading it.
- Open the pairing in the Website Typography Preview to test it with navigation, buttons and cards.
For the reasoning behind good combinations, read best practices for heading and body font combinations.