Font Pairing Tool
Find perfect font combinations for your design. Preview Google Fonts pairings for headings and body text.
The Quick Brown Fox
Jumps Over the Lazy Dog
Typography is the art and technique of arranging type to make written language legible, readable, and appealing when displayed. The arrangement of type involves selecting typefaces, point sizes, line lengths, line-spacing, and letter-spacing.
About this calculator
Pick a heading font and a body font from popular Google Fonts and preview the pairing live.
A good pair has contrast but shares a mood.
How to use it
- Choose a heading font.
- Choose a body font.
- Check the preview.
Pairing principles
Pair a distinctive heading font with a neutral, readable body font: for example a serif heading (Playfair Display, Merriweather, Lora) with a clean sans body (Inter, Open Sans, Lato). Limit to two families. Create hierarchy with size and weight, use 16px or more for body text and a line height of 1.5 to 1.7, and check legibility on mobile. Load only the weights you use to keep pages fast.
Worked example
Reliable pairs
| Playfair Display + Inter | Elegant editorial |
| Montserrat + Open Sans | Modern and friendly |
| Merriweather + Lato | Classic and readable |
| Poppins + Nunito | Rounded and approachable |
Tips and common mistakes
- Two fonts are enough.
- Test in the language you'll use.
- Avoid decorative fonts for body text.
- Use font-display: swap.
- Check the licence.
Frequently asked questions
How do I pair fonts?
Contrast a decorative heading with a plain body.
How many fonts should I use?
Two.
What size should body text be?
16px or more.
Are Google Fonts free?
Yes, with open licences.
Do fonts affect speed?
Yes, load only needed weights.
Is it free?
Yes.