Fraunces and Figtree Font Pairing
Set in Fraunces 600 and Figtree 400
@import url('https://fonts.googleapis.com/css2?family=Fraunces:wght@600&family=Figtree:wght@400;700&display=swap');
body {
font-family: 'Figtree', system-ui, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
font-family: 'Fraunces', Georgia, serif;
font-weight: 600;
}Soft curves and a bit of vintage charm define this friendly pairing, which combines the serif Fraunces with the sans serif Figtree. Fraunces sets the headings at weight 600 and Figtree handles the body, giving the page a warm, inviting tone with clear, easy text underneath. The pair suits independent shops and lifestyle blogs that want to feel personal and approachable rather than corporate.
Fraunces & Figtree
Headings 600, body text 400
ABCDEFGHIJKLM
abcdefghijklm
0123456789 &?!
Body text has to stay comfortable from the first line to the last.
Why Fraunces and Figtree Work Together
Fraunces is a display-leaning serif with chunky, rounded forms, high contrast at large sizes and quirky details such as ball terminals and curving joins. It includes axes for optical size, softness and a wonky setting that swaps in more eccentric letterforms. Figtree is a geometric sans serif with round bowls, clean strokes and a slightly playful openness that keeps it light.
The two meet in their roundness. Fraunces brings personality and a hint of vintage packaging, while Figtree repeats the round shapes in a simpler, quieter form, so the page feels consistent. Figtree’s even strokes also balance Fraunces’ contrast, letting the headings carry the charm while the paragraphs stay effortless to read.
Where Fraunces and Figtree Work Best
Picture a candle or ceramics shop with product names in Fraunces and descriptions, shipping notes and checkout text in Figtree. It also fits a baking or home blog, where recipe titles in Fraunces feel homemade and the method in Figtree stays clear on a phone screen in a busy kitchen.
Weights and Sizes to Use
Use Fraunces at 600 for headings; the family runs from 100 to 900, and 600 shows its softness without becoming heavy. Use Figtree at 400 for body text and 700 for bold, at 16 to 18px with a line height around 1.6. Figtree starts at weight 300, so it has no very thin styles to worry about. Keep heading line height around 1.1 to 1.2, since Fraunces’ large curves fill the line generously.
Things to Watch
Fraunces can look busy if every heading uses its most expressive settings, so keep the wonky and soft options moderate and consistent across the site. Its contrast increases at large optical sizes, so check that thin strokes hold up on product images or banners with coloured backgrounds. Avoid Fraunces for small interface text such as prices in a cart.
Similar Pairings
Pairs with a similar friendly feel, each with its own page.
Rubik & Nunito Sans
Headlines get a second of attention. The body font has to hold it for minutes, which is why it deserves the most care.
Fraunces & Inter
Contrast does the work. When the heading and the body clearly differ, the page tells readers where to look first.
Poppins & Lora
The best pairings go unnoticed. Readers remember the story, not the fonts, and that is exactly the point.