Fonts
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.