Font Pairing

Heading and Body Fonts That Work Together.

Loading…

Choosing two fonts that suit each other is harder than choosing one. Each pair here sets a headline font against a text font, with a note on the kind of project it fits, and shows them with whatever you type.

How to use the Font Pairing tool

  1. Type your own headline and a sentence of body text.
  2. Scroll through the pairs.
  3. Press Copy code to get the link tag and CSS for the pair.

Tips for the best result

  • Contrast works: a serif heading with a sans body, or the reverse.
  • Two fonts are enough for almost any design.

Quick facts

PriceFree
Works withGoogle Fonts
Where it runsIn your browser, on your device
AccountNot needed

Frequently asked questions

Can I use one font for both?

Yes. Using two weights of one family, as in the Archivo pair, is the safest choice.

Where do the fonts come from?

Google Fonts, which are free to use.