Font
Pairing

Google Fonts · Live Preview · CSS Export · 15 Curated Pairs

Curated Pairings

Custom Pairing

Heading Font

Body Font

Heading Size (px)

Body Size (px)

Live Preview

The Quick Brown Fox Jumps Over the Lazy Dog

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip.

Dark Preview

The Quick Brown Fox Jumps Over the Lazy Dog

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

CSS Export

Typography Scale

Pairing Tips

Rule	Example
Serif + Sans-Serif	Playfair Display + Source Sans 3
Contrast weight	Bold heading + Light body
Same family, diff weight	Montserrat Bold + Montserrat Regular
Geometric + Humanist	Poppins + Merriweather
Max 2-3 fonts per project	Head + Body + Accent (optional)

Design & Creative Tools

099 — Color Palette Generator 101 — Image Resize Calculator 102 — CSS Gradient Generator 103 — Logo Brief Generator

☕ Ko-fi ♥ PayPal

FontPairing