Spin, preview, and take beautiful free fonts into your next project.
Playfair Display + Source Serif 4 font pairing
A fresh perspective.
Good typography is invisible until it isn’t. This preview shows Playfair Display for headings and Source Serif 4 for body text.
Why they work together
An all-serif pairing that leans into a newspaper aesthetic: Playfair's dramatic contrast for headlines and Source Serif 4's sturdy text design for body copy. Source Serif's optical sizes keep it readable from captions to pull quotes.
How to use this pairing
Differentiate with size and weight rather than style: Playfair 800 for headlines, Source Serif 4 at 400 for body and italic for standfirsts.
Best for
- News sites
- Magazines
- Literary journals
More pairings for Playfair Display and Source Serif 4.
CSS
/* Found with Font Roulette: https://www.font-roulette.com/?tab=pair&display=Playfair+Display&body=Source+Serif+4 */
@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&family=Source+Serif+4&display=swap');
h1, h2, h3 {
font-family: 'Playfair Display', serif;
}
body {
font-family: 'Source Serif 4', 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.