- Prooflive.ai
- Free tools
- Font pairing
Free font pairing tool
See tried and tested Google Fonts pairings set in your own headline and paragraph, filter by the feel you want, or mix your own. Every pair is free for commercial use, and Copy CSS gives you the link and the font-family lines.
How to pair fonts
- Type your own wordsYour real headline and a paragraph: fonts look very different on real copy than on made-up words.
- Filter by feelClassic, modern, editorial, elegant, friendly, bold or technical.
- CompareScroll the pairs; each loads from Google Fonts as it comes into view.
- Copy the CSSThe Google Fonts link and the font-family rules for headings and text.
Good to know
Rules for pairing fonts
- Contrast, not conflict: pair a serif with a sans, or a characterful display face with a quiet text face. Two similar sans serifs look like a mistake.
- One personality: let the headline font carry the character and the body font disappear.
- Check the details: similar x-heights (the height of the lowercase letters) make a pair feel planned.
- Two is enough: a third font rarely helps; use weights and sizes instead.
Fonts and page speed
Each font family and weight is a file to download. Load only the weights you use (often two), add display=swap so text shows straight away, and preconnect to Google Fonts, as the copied CSS does.
Are Google Fonts free for commercial use?
Yes. Every family on Google Fonts is under an open licence (mostly the SIL Open Font License), so you can use them on client sites, in logos and in print without paying.
Questions
Is the font pairing tool free?
Yes, and every font in it is a free Google Font you can use commercially.
What fonts go well together?
A serif heading with a sans serif body (Playfair Display with Source Sans 3, Fraunces with Inter) is the safest start. For something bolder, try a condensed display face like Bebas Neue over a humanist sans like Lato.
Can I use these fonts on a client's website?
Yes. Google Fonts are open source and free for any use, including commercial client work.
How many fonts should a website use?
Two is right for almost every site: one for headings and one for text. Use different weights of the same family for everything else.
Should I host Google Fonts myself?
You can, and it avoids sending visitors' addresses to Google, which some privacy policies prefer. Download the files from Google Fonts and serve them from your own site with @font-face.
More free tools
Colour palette generator
The main colours in a photo or logo, or a full palette from one brand colour.
Contrast checker
WCAG AA and AAA for any two colours, and the nearest colour that passes.
Email signature generator
A professional signature for Gmail, Outlook and Apple Mail, copied in one click.
Favicon generator
Every favicon size, the .ico, the web manifest and the HTML, from an image or a letter.
Need the website too?
Design it your way and your AI builds it on Prooflive.ai, exactly to the design, with hosting, email and SEO done. Free to build; from £19 a month when it goes live. Designers earn 10 to 20% of every client payment.