Font Pairing Generator

Pick any heading font and any body font, and this whole page switches to them, so you can judge the pair on real paragraphs instead of a single line. Click this paragraph or the title above to type your own words.

How to Use the Font Pairing Generator

Choose a heading font and a body font in the bar above, and this whole page switches to them: the title, these paragraphs, the sidebar and the specimen image. Use the arrows button to swap the two fonts, or start from one of our tested pairs and change one font at a time.

Click the title or the introduction to type your own words, such as your site name and a real paragraph from your homepage. Then switch to Dark, and turn the sidebar and featured image on and off, to see the pair the way your visitors will.

What to Look For in a Pair

Look for contrast with something in common. The heading and body fonts should clearly differ, so readers can tell a title from a paragraph at a glance, but they should share a similar mood or proportions so the page reads as one voice.

Judge the body font in long paragraphs, not in a single line. Check that it stays comfortable after several sentences, that small text like captions and dates is still clear, and that bold and italic words stand out without shouting. Then check the heading font at large sizes, where spacing and letter shapes are easiest to see.

When You Find a Pair You Like

Select Use These Fonts for the CSS to load both fonts from Google Fonts and apply them to your headings and text. The address in your browser updates as you choose, so you can bookmark it or send it to someone for a second opinion.

If the pair has its own page on fontography.com, the sidebar links to it, along with profiles of the fonts you picked.

Frequently Asked Questions

Quick answers about the font pairing generator.

Is the Font Pairing Generator Free?

Yes. It is free to use with no account, and every font in it is a free Google Font you can use on commercial websites.

Which Fonts Can I Choose?

More than 80 popular Google Fonts, grouped into sans serif, serif, slab serif, display, monospace and handwriting. Display and handwriting fonts are offered for headings only, because they are hard to read in long paragraphs.

How Many Fonts Should a Website Use?

One or two. One font in different weights keeps a page consistent, and two fonts add contrast between headings and text. More than two usually makes a page look busy.