Fonts
Typography is a crucial part of web development, impacting readability and the overall user experience. As someone who’s always been fascinated by fonts, I’ve curated a collection of resources that help developers make informed typography choices for the web.
- Modern Font Stacks: Fonts grouped by family type using only fonts found on modern OSes. Great defaults to add as fallbacks.
- Toools - font section - Typography inspiration, free font libraries & more
- Typewolf: What’s trending in type
- typespiration: Font combinations and color palettes
- fontpair: Font pairings
- Beautiful Webtype: Guide to Only the Best Open-Source Typefaces
- Google Webfonts Helper: A Hassle-Free Way to Self-Host Google Fonts.
- Font Performance Resources: From Mandy Michael’s (lead developer Octopus Deploy) performance.now() 2024 talk
Monospace Web
- The Monospace Web: A minimalist design exploratio.
- Notes on monospace, fonts, ascii, unicode: A collection of TILs and resources by wonger.dev.
Typography
- Quick guide to web typography for developers
- Butterick’s Practical Typography: Online Book on good typography.
Fonts
- Bryan Font: Based on John Bryan Hicks handwriting, a love letter from his son.
- Departure Mono: Departure Mono is a monospaced pixel font with a lo-fi technical vibe.
- Oldschool PC fonts: Classic text mode fonts, system fonts and BIOS fonts from DOS-era IBM PCs and compatibles.
Technical fonts
- National Park: Capturing the charm of the router-carved type ubiquitous in America’s national parks, without sacrificing legibility or versatility.
- Routed Gothic: A clean implementation of a common lettering style found on technical drawings, engraved office signs, computer and typewriter keyboards, and some comic books and avionics from the mid-20th century.
- osifont: Free font for technical drawings to comply with ISO 3098.