From the course: CSS: Variable Fonts

Unlock the full course today

Join today to access over 22,600 courses taught by industry experts or purchase this course individually.

Custom variation axes

Custom variation axes - CSS Tutorial

From the course: CSS: Variable Fonts

Start my 1-month free trial

Custom variation axes

- [Instructor] In addition to the five registered axes we've talked about, font designers may choose to extend their variable fonts with any number of custom variation axes, like the ones you see here. This is where things get really interesting, because custom axes can control literally any aspect of the font, and a font can have as many or as few of these as the designer wants. So let me show you a couple of fonts and their variations axes. Not because I particularly recommend these fonts, but to give you an idea of what happens once font designers get their hands on this capability. So this first font here has two axes. We have Fill, which fills out the ink. And we have Line, which thickens the line, the thin lines around. In this other font here, we have a single custom axis that adds or subtracts ink, I guess, from the dots. As you can see, the designer has actually designed this all the way from invisible to…

Contents