A curated guide to high-quality open-source typefaces. Explore each family’s history and design, available weights and styles, character and text specimens, OpenType features, and complete glyph set. The site includes responsive layouts and light and dark themes.
The original version of the site is archived here: https://beautifulwebtype.com/v1/
Changelog
4 Nov 2026
- Removed BioRhyme, BioRhyme Expanded, and Rakkas from the collection.
- Improved the feed: publication timestamps, images before descriptions, and preserved paragraphs.
- Added font search with live filtering and keyboard navigation.
- Added Commit Mono by Eigil Nikolajsen.
3 Nov 2026
2 Nov 2026
31 Oct 2026
- Added Newsreader by Production Type.
- Added Schibsted Grotesk by Bakken & Bæck.
- Added Zalando Sans by Jakob Ekelund of KH Type.
- Added TikTok Sans by Grilli Type, Contrast Foundry, and Type Network.
- Added Familjen Grotesk by Familjen STHLM.
- Added Strichpunkt Sans by René Bieder.
- Refreshed the design: improved font cards, specimen layouts, mobile navigation, and light and dark themes.
- Expanded typeface descriptions with background, design details, and suggested uses.
- Improved the glyph viewer with a complete inline grid and a persistent selected-glyph preview.
- Simplified font pages: clearer metadata and OpenType examples; removed pairings and comparisons.
30 Oct 2026
- Refreshed font files and glyph sets for 20 typefaces: Alegreya, Archivo, BioRhyme, BioRhyme Expanded, Crimson Pro, IBM Plex Mono, IBM Plex Sans, IBM Plex Sans Condensed, IBM Plex Serif, Inria Sans, Le Murmure, Libre Franklin, Messapia, Oswald, Poppins, Rakkas, Space Mono, TASA Orbiter, Vollkorn, and Work Sans. Updated release metadata and retired unsupported examples.
Read full Changelog
Featured typefaces
All typefaces are licensed under the SIL Open Font License.
Suggesting Typefaces
I’m happy to receive suggestions for typefaces via a GitHub issue. When sending suggestions please include an example or two of the typeface in use. This helps me to make an initial evaluation of the typeface.
Local development
Install dependencies and start the Next.js dev server:
pnpm install
pnpm dev
Useful commands:
pnpm build
pnpm test
评论