Type Network

Sidebar

Examples / Overview

Suggestions for using variable fonts

Introduction to momentum.vf, a demonstration on top of all the demonstrations.

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 downloads the Momentum Sans variable font and installs it in 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.

This example is discussed in detail elsewhere (link to topic/example(s)), while most of the demonstrations here will take the form of coded examples below with the typographic results shown above. This will allow the user 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 chosen here 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.

(more here about the design and code of the demos when that's been decided and demoed).