The fonts I actually use, and how to install them.
A small, opinionated catalogue for developers bored of their default font. Every entry is open-source, with a live preview, real sites using it, the licence in plain English, and a copy-paste install command.
Style
Good for
5 typefaces
- Bricolage Grotesque A characterful grotesque with optical sizing — my long-running default for headings and, honestly, everything else. sans grotesquequirkyeditorial Good for Marketing sites · Portfolio & personal
- Recursive One variable family that morphs from a warm sans to a code mono, with a Casual axis that adds marker-pen flair. sans technicalfriendlyquirky Good for Developer tools · Product UI · Documentation · Code
- Inconsolata Raph Levien's humanist monospace — one of the original "nice" coding fonts, now variable with weight and width axes. mono technicalhumanistfriendly Good for Code · Developer tools · Documentation
- Funnel Sans A contemporary neo-grotesque from the designer of Montserrat — soft, clear and quietly versatile. It's the face this site is set in. sans neo-grotesquefriendlywarm Good for Product UI · Marketing sites · Blog & newsletter
- Crimson Text Sebastian Kosch's old-style book serif, drawn for long-form reading — warm, classical, and comfortable at paragraph sizes. serif editorialeleganthumanist Good for Blog & newsletter · Documentation