Font Pairing Generator
Find great font pairings for free — browse 36 curated Google Font combinations by style (modern, elegant, editorial, friendly, tech, bold, playful), preview them with your own text, build your own pair, and copy the ready-to-use <link> and CSS.
100% private — your files never leave your browser. Conversion happens on your device; nothing is uploaded.
Build your own pair
Every font here is free and open-source on Google Fonts, licensed for commercial use. Copy the <link> into your page’s <head> and the CSS into your stylesheet.
How to pair fonts
- Type your own heading and body text to preview.
- Filter by style and browse the pairs.
- Click Customise on a pair — or build your own with any two fonts.
- Copy the <link> tag and CSS into your site.
What you can use it for
- Choose fonts for a website, blog or landing page
- Set up brand typography for a startup or client
- Pick fonts for presentations, menus and posters
- Try heading and body combinations before committing
More free tools
Designing with text?
Style, caption and decorate text with our free, private text and image tools.
See all free tools →Frequently asked questions
What makes a good font pairing?
Contrast with harmony: pair a characterful heading font (a serif, display or bold sans) with a calm, highly readable body font. Limiting yourself to two families keeps designs consistent.
Are these fonts free for commercial use?
Yes. Every font here is on Google Fonts under open licences (mostly the SIL Open Font License), so you can use them on commercial websites and products.
How do I use the fonts on my website?
Paste the <link> tag into your page's <head> and the CSS into your stylesheet. In WordPress you can add the link with a header plugin or your theme settings.
Can I see how a brand uses its fonts?
Browse our brand font guides for real examples of how well-known brands pair typefaces.