FREE TOOL
Font pairing
Choose a ready pair or mix your own. Edit the sample text to see how the fonts handle your actual content.
Tested pairs
The quick brown fox builds a website
Good typography is invisible. It lets people read a page without noticing the letters, and it gives a brand a voice before a single word is understood. Click here and replace this with your own text.
WHAT IT DOES
About this tool
See how Google Fonts heading and body combinations look on real text. 16 proven pairs, adjustable sizes and CSS that is ready to copy into your site.
Everything runs right in your browser: your text and files are never uploaded or stored.
QUESTIONS
Frequently asked questions
How do I choose two fonts that go together?
Combine fonts that are clearly different: say, a serif for headings with a sans-serif for body text, or a condensed display font with a calm text face. Skip two look-alike fonts, since that reads as a mistake. Stick to two families.
Can I use these fonts commercially for free?
Yes. Every font here is from Google Fonts and released under an open license (mostly the SIL Open Font License), which permits commercial use on websites, in apps and in print.
Does this page load anything from Google?
Yes. To display the fonts, their files are fetched from Google Fonts as you select them. On your own site you can host the files yourself, for example via Fontsource.
06 / LET'S GET ACQUAINTED
TELL US
WHAT YOUR
BUSINESS NEEDS
Describe the task. Together we'll
work out the next step.