Spin, preview, and take beautiful free fonts into your next project.
Playfair Display + Inter font pairing
A fresh perspective.
Good typography is invisible until it isn’t. This preview shows Playfair Display for headings and Inter for body text.
Why they work together
Playfair Display brings high-contrast, Didone-style strokes that feel instantly editorial, while Inter's tall x-height and open apertures keep long paragraphs crisp on any screen. The contrast in stroke modulation makes the hierarchy obvious without needing extra colour or weight.
How to use this pairing
Set Playfair at 600–700 for headlines above 32px and let Inter handle everything from 15px body copy down to UI labels. Avoid Playfair below 20px: its hairlines disappear at small sizes.
Best for
- Creative portfolios
- Magazine-style landing pages
- Photography sites
More pairings for Playfair Display and Inter.
CSS
/* Found with Font Roulette: https://www.font-roulette.com/?tab=pair&display=Playfair+Display&body=Inter */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&family=Inter&display=swap');
h1, h2, h3 {
font-family: 'Playfair Display', serif;
}
body {
font-family: 'Inter', sans-serif;
}Similar font pairings
Start with a little inspiration
Curated pairings for the thing you’re making.
Google Font pairings for portfolios ↗
Give your work a distinctive voice with three free font pairings for creative portfolios.
Google Font pairings for SaaS websites ↗
Explore three free, readable font combinations for SaaS landing pages and product interfaces.
Google Font pairings for blogs and editorial sites ↗
Try three free serif and sans-serif combinations for readable articles, newsletters, and magazines.