Font pairing tool
Preview heading and body font combinations, then copy the CSS.
How to use this tool
Pick a heading font and a body font from the dropdowns, or click Shuffle for a random pairing. Edit the preview text if you like, then copy the CSS.
The quick brown fox jumps over the lazy dog
This is a preview paragraph showing how your body text will look with this font pairing. Edit this text to try your own content and see how it reads in this combination.