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

Love Light Love Light Handwriting Hanalei Fill Hanalei Fill Display Datatype Datatype Monospace Chiron Hei HK Chiron Hei HK Sans Serif Playwrite RO Playwrite RO Handwriting Trochut Trochut Display Cossette Titre Cossette Titre Sans Serif Sixtyfour Convergence Sixtyfour Convergence Monospace Langar Langar Display Playwrite HR Playwrite HR Handwriting Kolker Brush Kolker Brush Handwriting Cause Cause Handwriting Noto Sans Old Persian Noto Sans Old Persian Sans Serif Protest Guerrilla Protest Guerrilla Display Rubik Vinyl Rubik Vinyl Display Moulpali Moulpali Sans Serif Rubik Puddles Rubik Puddles Display Playwrite NZ Basic Playwrite NZ Basic Handwriting Splash Splash Handwriting Narnoor Narnoor Sans Serif Danfo Danfo Serif Playpen Sans Hebrew Playpen Sans Hebrew Handwriting Noto Sans Carian Noto Sans Carian Sans Serif Noto Sans Batak Noto Sans Batak Sans Serif Noto Sans Multani Noto Sans Multani Sans Serif Jacquard 24 Jacquard 24 Display Rubik Beastly Rubik Beastly Display Kings Kings Handwriting Rubik Microbe Rubik Microbe Display Noto Serif Tangut Noto Serif Tangut Serif Flow Block Flow Block Display Combo Combo Display Ruwudu Ruwudu Serif Rubik Marker Hatch Rubik Marker Hatch Display Noto Sans Glagolitic Noto Sans Glagolitic Sans Serif SUSE Mono SUSE Mono Sans Serif Dai Banna SIL Dai Banna SIL Serif Moo Lah Lah Moo Lah Lah Display Noto Sans Shavian Noto Sans Shavian Sans Serif Noto Sans Hanunoo Noto Sans Hanunoo Sans Serif Big Shoulders Inline Big Shoulders Inline Display WDXL Lubrifont TC WDXL Lubrifont TC Sans Serif Tagesschrift Tagesschrift Display Bpmf Zihi Kai Std Bpmf Zihi Kai Std Sans Serif Libertinus Mono Libertinus Mono Monospace Noto Sans Runic Noto Sans Runic Sans Serif Mingzat Mingzat Sans Serif Lilex Lilex Monospace

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