Find Google Fonts pairings that work together. Preview heading and body font combinations with your own text and copy the CSS. Free font pair finder.
About this tool
Preview suggested heading and body font combinations.
How to use Google Fonts Pair Finder
- Enter Preview heading to see pairs with your own sample text.
- Filter by All, Modern, Classic, Playful or Bold.
- Choose a pair and use Copy CSS for the embed information and font-family rules.
Worked example
Try a product name as the heading and compare a classic pair with a modern pair.
Are the fonts available offline automatically?
No. The preview loads fonts from Google Fonts; your site needs its own font-loading setup or hosted font files.
Does copying CSS apply the fonts to my site?
No. Add the embed or font files and apply the family rules to the appropriate elements in your stylesheet.
Explore CSS Tools · More practical guides