CSS code copied to clipboard!
Font Pairing Tool
Discover perfect font combinations for your design projects
Heading Font
Body Font
Live Preview
Click to edit
Click to edit
Click to edit
Click to edit
Quick Text Presets:
CSS Code
Popular Font Pairings
Font Pairing Tips
Great Combinations
- • Serif headings + Sans-serif body
- • Contrast weights (Light + Bold)
- • Same font family, different weights
- • Modern sans + Classic serif
Avoid
- • Two decorative fonts together
- • Very similar fonts
- • More than 3 font families
- • Conflicting moods/styles