Free · every font free for commercial use

Font pairs that work

A heading font and a body font, side by side. Shuffle your own pair or start from one of ours, then copy the CSS.

Heading Body

The quiet power of a good headline

Click any text here to type your own. A good pair has contrast: a heading with character and a body font that stays easy to read at small sizes. Press space or Shuffle to try a new pair, and lock the one you want to keep.

Download heading font Download body font

Space shuffles the pair · click the text to edit it

Pairs we like

Questions

What makes two fonts pair well?: Contrast with something in common. A serif heading with a sans body is the classic, because the shapes differ but the sizes and spacing feel related. Two very similar fonts look like a mistake, and two loud fonts fight.
How many fonts should a website use?: Two is plenty: one for headings and one for everything else. Use weights (regular, bold) for variety instead of adding a third font.
Are these fonts free for commercial use?: Yes. Every font here is under an open licence (SIL Open Font License or Apache 2.0). Each download includes the licence file.
How do I use a pair on my website?: Press Copy CSS. It gives you the Google Fonts line to load both fonts and the CSS to apply them to headings and body text.
Need colours too?: The colour palette generator shows your palette on a sample page with any of these fonts.