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.

The variation axis

The variation axis - CSS Tutorial

From the course: CSS: Variable Fonts

Start my 1-month free trial

The variation axis

- [Instructor] I've used the term "variation axis" a couple of times now, so it's high time I explain what a variation axis is and how it works. A variation axis is really a number range for a value describing a specified aspect of the type face design. For example, the weight axis is the range of values which can be used to describe the weight, the lightness or boldness of a font. Lower number, lighter weight. Higher number, bolder weight. A variable font can have a single variation axis or any number of variation axes. It's entirely up to the type face designer. The available range of any of these variation axes can also vary from a binary zero and one which is typically used for italics to a range between any two values, negative or positive. It all depends on that variation axis and what it tries to do. Now there are two types of variation axes. There are five registered axes described in the specification because…

Contents