arrowtype/recursive

Recursive Mono & Sans is a free, open-source font family built specifically for writing and reading code, as well as general software interfaces. It comes in two flavors: a monospaced version (Recursive Mono) where every character takes up the same fixed width, ideal for code editors, and a proportional version (Recursive Sans) where letter widths vary naturally for more comfortable reading in menus, tooltips, and other UI elements. What makes this font family unusual is that it is a variable font. Rather than providing separate files for thin, regular, bold, italic, and dozens of other style combinations, one font file contains a continuous range of styles you can dial in using sliders or CSS properties. Recursive offers five adjustable axes: weight (from light to heavy), slant (upright to angled), a casual-vs-strict expression scale that moves from a loose signpainting-inspired look to a crisp formal one, a toggle between mono and proportional spacing, and a cursive axis for italic letterforms. Because the Sans variant shares proportions across all styles, you can shift between weights and expressions without any text reflow or layout shifts, which is useful for animated UI or responsive design. The name comes from programming itself. In code, recursion is when a function calls itself. This font was partially built using itself: the designers wrote Python scripts to automate production work and created web-based proofs all while using Recursive Mono as their working font. That self-referential loop is baked into the name. Recursive supports well over a hundred languages using Latin-based scripts, plus a range of currency and math symbols. It is released under the SIL Open Font License, which means you can use it freely in personal and commercial projects, including on websites, in apps, and inside other software, without paying a license fee. You can download the fonts from the GitHub Releases page and install them on Mac or Windows using standard system font steps. For websites, you add it via CSS with a standard @font-face block, specifying the weight range so browsers can access the full variable range. Recursive is also distributed through Google Fonts.