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 - CSS Tutorial
From the course: CSS: Variable Fonts
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…
Practice while you learn with exercise files
Download the files the instructor uses to teach the course. Follow along and learn by watching, listening and practicing.