Google Font Pairing Tool

A good font pair makes a site look designed. Browse hand-picked Google Font combinations, type your own heading and text to preview them, and copy the CSS. All fonts are free for commercial use under their open licences.

How it works

  1. Each pair has a heading font and a body font chosen to contrast in shape but match in mood.
  2. Filter by style (modern, classic, friendly, bold) and type your own words to preview.
  3. Copy the Google Fonts link and CSS, or click 'Load all' to preview every pair in its real font.

Tips

Frequently asked questions

Are these fonts free to use?

Yes. Every font here is from Google Fonts and is released under an open licence (mostly the SIL Open Font License), which allows commercial use.

How do I use a font pair on my website?

Copy the link tag into your page's head and the CSS into your stylesheet. Most website builders also let you pick Google Fonts by name.

Why do the previews not load straight away?

To keep the page fast, fonts load only when you preview a pair or press 'Load all'. They come from Google Fonts.

What makes a good font pairing?

Clear contrast between heading and body, a similar mood (both friendly, or both formal), and a body font that stays easy to read at small sizes.

Related: Color contrast checker, Website mockup generator, Favicon generator.

See how the We.Inc AI website builder works. The free plan gives you up to 3 template sites on a we.inc address, with no AI and no custom domain. AI building starts at $20 a month.

More in Free Tools

We.Inc is an AI-powered website builder you can resell under your own brand. Launch a branded client dashboard, bill on Stripe Connect, and deliver AI-generated websites in minutes. White-label plans start at $99 a month for 25 client sites, with a 7-day free trial and no per-site fees.

Product

Who It's For

Features

Resources

Company

View Sitemap