font-variation-settings
A low-level property used for controlling 'variable fonts'. It allows you to fine-tune axes like weight, width, slant, or custom axes with unprecedented precision.
Quick example
.variable-heading {
/* Fine-tuning weight and width for a variable font */
font-variation-settings: "wght" 650, "wdth" 110;
}Quick facts
Initial value
normalInherited
Yes
Applies to
all elements
Animation type
transform
Values
normal font-variation-settings Browser Support
Widely available Since 2018 95% global usage
This feature is well established and works across many devices and browser versions. It has been available across browsers since 2018.
Safe to use without fallbacks.
62+
62+
11+
17+