Figtree
Sans SerifThe quick brown fox jumps over the lazy dog — 0123456789 & @#%
Figtree is a free, open-source sans-serif typeface by Erik Kennedy, on Google Fonts since 2022. It ships in 14 styles across 7 weights, including italics, and covers 2 writing systems, including Latin, Latin Extended. It currently ranks #9 in Google Fonts' popularity data. Everything below is live: test it at real sizes, adjust weight and spacing, preview it in your own colors with WCAG contrast checks, and copy ready-to-use embed code.
Specimens
Regular 400 at 13px
The quick brown fox jumps over the lazy dog — 0123456789 & @#%
Regular 400 at 16px
The quick brown fox jumps over the lazy dog — 0123456789 & @#%
Regular 400 at 24px
The quick brown fox jumps over the lazy dog — 0123456789 & @#%
Regular 400 at 32px
The quick brown fox jumps over the lazy dog — 0123456789 & @#%
Bold 700 at 24px
The quick brown fox jumps over the lazy dog — 0123456789 & @#%
Try it in your colors
Type your own text, set your text and background colors, and check the pairing passes WCAG before it ships. Edits stay on this page — nothing is saved or sent anywhere.
A heading in Figtree
Body text set in Figtree. Click anywhere in this preview and type your own words — the colors, the contrast score, and the typeface all update live.
Use it on your site
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Figtree:wght@400;700&display=swap" rel="stylesheet">
font-family: 'Figtree', sans-serif;
@import url('https://fonts.googleapis.com/css2?family=Figtree:wght@400;700&display=swap');
@theme {
--font-figtree: "Figtree", sans-serif;
}
/* then use: class="font-figtree" */
Suggested pairings
Hand-picked companions — classic combinations designers actually use, not an algorithm’s guess. Each card sets a heading in Figtree over body text in the companion face.
Similar sans serif fonts
Now pick its colors
A typeface needs a palette — generate one, then come back and test the pairing above.