A simple resource for finding and trying variable fonts
⚠️ Notice: As a showcase of variable fonts, this site requires a web browser that supports OpenType font variation technology. It looks like your browser doesn’t, so please consider upgrading to one that does (the latest versions of Chrome work well, even on older operating systems). Otherwise, the font samples below will only appear as static fonts.
A typeface designed “for typesetting at miniature type sizes”. Its underlying structure is based on a course pixel grid, and the variable ink trap notches can be used to counteract the effects of printing or rendering at small sizes, or for stylistic effects at larger sizes.
White On Black VF is a special-purpose variable font with just one glyph (㊎) demonstrating an issue related to the non-zero winding rule used for rendering fonts. The issue is especially problematic when negative glyphs are reversed out of a positive background shape. The weight axis also shows how the technique for avoiding the problem with static fonts – removing overlaps – isn’t a viable solution for variable fonts because the topology of overlapping shapes may change across variations. The counterpart font, Black On White VF, is made with the same shapes but with an additional circular path, showing how the issue is not present with more typical positive-on-negative glyphs. The fonts were produced by Ken Lunde using a glyph designed by Ryoko Nishizuka.
⚠️ Notice: This variable typeface is only available as CFF-flavored variable fonts. As such, the samples here will appear broken or static unless viewed with a browser that supports CFF-flavored variable fonts (the latest desktop versions of Opera and Chrome work well).
A set of special-purpose variable fonts based on Adobe Blank and Adobe Blank 2, intended to render all Unicode characters / code points using variable glyphs. Adobe Blank VF renders all code points with empty space, and Adobe Black VF renders them with a variable rectangle. The “2” versions of the fonts are produced in a way that is more data-efficient, but may not be supported in all environments. In those cases, the plain Adobe Blank VF and Adobe Black VF fonts can be used.
The first variable incarnation of Bild, DJR’s homage to some of the more dense American gothic type styles from the 20th century. The font includes some subtle feature variations that are triggered at certain widths to improve spacing and alignment – for example, the kerning between ‘T’ and ‘y’, and the alignment between ‘i’ and ‘l’.
A mostly-monospaced dot-matrix typeface based on the smallest type size of 5 dots on the HandJet EBS-250 hand-held printer. Includes several sets of stylistic alternate glyphs, with different dot configurations and widths.
A monospaced typeface intended for code and programming, based on Mozilla’s Fira typeface. It includes a set of ligatures for character combinations commonly used in programming. The variable version was contributed by Stephen Nixon.