Font Pairs — Find Fonts That Work Together
Browse more than 3,800 heading and body font pairs, filtered by mood and pairing style. Type your own words, change the colors and backgrounds, swap in any of 2,100 free fonts and copy the CSS.
How it works
Choose a mood or a pairing style, then click any heading or paragraph on a card and type over it. Set a background and text color for one card or for all of them, and press Swap fonts to replace either font with any family in the library.
Why these fonts work together
Good pairs balance contrast with shared proportions: a high-contrast serif headline over a calm sans-serif, or two sans-serifs that differ clearly in weight. The list opens with more than 160 hand-matched pairs, then continues through the whole library on the following pages. Each card names its pairing style so you can see the idea behind it.
FAQ
Are the fonts free for commercial use?
Yes. Every font is released under an open license such as the SIL Open Font License or Apache 2.0, which allows commercial use.
Which fonts are in the library?
Over 2,100 families from Google Fonts and other open-source foundries, in all of their weights and styles.
How do I use a pair on my website?
Press Copy CSS on a card. You get the stylesheet link and the font-family rules, ready to paste.
Is my text saved anywhere?
No. What you type stays on this page and is not sent anywhere.
What can you do with a font pairing tool?
Video editors pick a title and caption font that belong together before opening their timeline; designers test a brand name in dozens of combinations in a minute; bloggers and small businesses choose web fonts without needing a typography background; and motion designers find a mood for a kinetic type piece by trying their real script against real backgrounds.