Are the fonts free to use?

They are Google Fonts pairings, which are free for personal and commercial use.

Can I preview my own text?

Yes. Type your text to see how the pairing reads.

What makes a good pairing?

A clear contrast between a heading and a readable body font usually works well.

design

Font Pairing

DESIGNFREE · NO SIGNUP

Preview curated Google Fonts pairings with live text

Heading

Playfair Display

Body

Source Sans 3

CSS

@import url('https://fonts.googleapis.com/css2?family=Playfair+Display&family=Source+Sans+3&display=swap');

h1, h2, h3 { font-family: 'Playfair Display', serif; }
body       { font-family: 'Source Sans 3', sans-serif; }

Font Pairing previews curated Google Fonts combinations with live text, so you can choose a heading and body pairing that works before adding it to your site.

How to use Font Pairing

01Browse the curated font pairings.
02Preview them with your own sample text.
03Note the fonts to use in your project.

Frequently asked questions

Are the fonts free to use?: They are Google Fonts pairings, which are free for personal and commercial use.
Can I preview my own text?: Yes. Type your text to see how the pairing reads.
What makes a good pairing?: A clear contrast between a heading and a readable body font usually works well.
Is it free?: Yes, free with no sign-up.

● client-side● no upload● privacy-safe

design › font-pair