Fonts

1,942 free, open-source fonts from the Google Fonts library — every card rendered in the typeface itself. Open any font to test it at real sizes and preview it in your colors, with live contrast checks.

All 1,942 Sans Serif 717 Serif 349 Display 467 Handwriting 358 Monospace 51

Libertinus Sans Libertinus Sans Sans Serif Ruluko Ruluko Sans Serif Meera Inimai Meera Inimai Sans Serif Playwrite US Modern Playwrite US Modern Handwriting Noto Serif Khmer Noto Serif Khmer Serif Emblema One Emblema One Display Oi Oi Display Bigelow Rules Bigelow Rules Display Noto Sans Nandinagari Noto Sans Nandinagari Sans Serif Ranga Ranga Display Babylonica Babylonica Handwriting Noto Serif Lao Noto Serif Lao Serif Noto Serif Gujarati Noto Serif Gujarati Serif Mr Bedfort Mr Bedfort Handwriting Elsie Swash Caps Elsie Swash Caps Display Federant Federant Display Fleur De Leah Fleur De Leah Handwriting Metal Metal Display Purple Purse Purple Purse Display Ribeye Marrow Ribeye Marrow Display New Amsterdam New Amsterdam Sans Serif Passero One Passero One Display Playwrite IE Playwrite IE Handwriting Preahvihear Preahvihear Sans Serif Ole Ole Handwriting Sedan SC Sedan SC Serif Revalia Revalia Display Edu AU VIC WA NT Guides Edu AU VIC WA NT Guides Handwriting Aref Ruqaa Ink Aref Ruqaa Ink Serif WDXL Lubrifont SC WDXL Lubrifont SC Sans Serif Noto Sans Lao Looped Noto Sans Lao Looped Sans Serif Bonbon Bonbon Handwriting Bungee Tint Bungee Tint Display Noto Sans Anatolian Hieroglyphs Noto Sans Anatolian Hieroglyphs Sans Serif Noto Rashi Hebrew Noto Rashi Hebrew Serif Rubik Gemstones Rubik Gemstones Display Peddana Peddana Serif Libertinus Math Libertinus Math Display Libertinus Serif Libertinus Serif Serif BioRhyme Expanded BioRhyme Expanded Serif Sedan Sedan Serif Bahiana Bahiana Display Snippet Snippet Sans Serif Cascadia Mono Cascadia Mono Sans Serif Tsukimi Rounded Tsukimi Rounded Sans Serif Rubik 80s Fade Rubik 80s Fade Display Agu Display Agu Display Display Bitcount Prop Single Bitcount Prop Single Display

About this library

Every font here comes from the Google Fonts open-source collection — free to use in personal and commercial projects under open licenses (most under the SIL Open Font License; each font’s page links to its authoritative license). Specimens load directly from Google’s servers, subset to just the characters on screen, so browsing stays fast.

What makes this library different from the others: every font page here pairs the specimen with a live color preview — type your own text, set your text and background colors, and see the real WCAG contrast ratio before you commit. Typography and color decisions belong together; this is the place where they meet. And if you were looking for the copy-paste Unicode styles for social bios, that’s a different thing — you want the font generator, and our Unicode fonts guide explains the difference.

Frequently asked questions

Yes — everything in the Google Fonts library is open source, most of it under the SIL Open Font License, which permits personal and commercial use, embedding, and redistribution. Licenses can vary per family, so each font's page links to its authoritative license on Google Fonts.

Each font page shows a ready-to-copy <link> snippet that loads the font from Google's servers, plus the CSS font-family rule. Alternatively, download the font files from Google Fonts and self-host them — same license, no third-party request.

Two families is the sweet spot for most projects — one for headings, one for body text — with weights providing the rest of the hierarchy. Every added family costs load time and coherence; it's the typographic version of the restraint that makes color palettes work.

Specimens load lazily as you scroll, subset to only the letters in the font's name, so the page stays light even with dozens of fonts visible. The brief flash of a system font before the real one appears is that loading happening — the same font-display: swap behavior you'd want on your own site.

Pair it with a palette

A typeface is half the identity — the other half is color. Build the palette, then test them together.

Generate a palette → Check contrast