Type Network

Sidebar

OverviewExamples…

Suggestions for using variable fonts

Interactions of instances and code

On any new operating system running any up-to-date browser, the demonstration of variable fonts on this site has already started. After the code of this website serves the Momentum Sans variable font and loads it as one of the fonts the system can use, the user’s computer becomes a font factory, generating the styles from the variable-font file that are called for by the web code, scaling them to the sizes needed, and rendering them for the resolution of the device.

Most of the demonstrations on this site will take the form of code playgrounds overlaying each example, with the code (which users can change) appearing in the lower half of the pane and the typographic results shown above. This will allow users to see precisely which instances from our sample variable fonts and their values are being used, and, in more complex examples, how multiple instances and code can interact in suggesting better typography.

Nearly all of the examples on this site are intended to demonstrate that it’s the job of the contemporary type designer to develop fonts with fluid values for a complete interoperable set of parametric axes appropriate to each font family’s intended uses. Such fonts can easily be programmed to interact with the other fluid values of web typography having to do with the spaces in and among the glyphs and stretching to the margins of pages.