close-sidepanel close-sidepanel
Fontfabric™ Logo
Fontfabric™ -

Axis (in Variable Fonts)

In the context of variable fonts, an axis represents a specific design attribute that can be dynamically customized by the user.

A variable-font axis in Matt: the word axis repeated four times from hairline to heavy, ranged against a pink vertical rule and captioned one continuous range — a single axis interpolating between extremes rather than four separate fonts.

In the context of variable fonts, an axis represents a specific design attribute that can be dynamically customized by the user.

The OpenType file format specification officially registers five core axes: Italic, Optical Size, Slant, Weight, and Width. Beyond these standard options, type designers have the freedom to map virtually any visual property of a typeface to a custom axis.

In web development, developers can manipulate any available axis using the generic font-variation-settings property in CSS. Additionally, specific core axes can be controlled with more direct CSS properties: font-weight manages weight, font-stretch adjusts width, and font-optical-sizing handles the automatic optimization of optical size.

Enter your details to receive all trial fonts

We’ll send you a zipped file with all trial fonts, license agreement, and installation instructions.

Wanna learn more about typography?

Explore all terms
About the author
Iveta Stoyanova

Iveta is the Social Media & Community Manager at Fontfabric. With a background in Rhetoric & Speech Communication, she writes about the human side of typography, the inspiration behind new typefaces, choosing the right font for your project, and font licensing.