Font Pairer
10 curated Google Font pairings. Live preview with your own text. Copy CSS variables and import URLs instantly.
Loading fonts…
Create Anything
Subheading in Space Grotesk
The quick brown fox jumps over the lazy dog. Create anything. Free forever.
Body (Inter) pairs with heading (Space Grotesk)
CSS
/* Modern & Clean */
--font-heading: 'Space Grotesk', sans-serif;
--font-body: 'Inter', sans-serif;
h1, h2, h3, h4, h5, h6 {
font-family: var(--font-heading);
font-weight: 700;
}
body, p, li, td {
font-family: var(--font-body);
font-weight: 400;
}