font-variation-settings
Widely available since 2021-03-05
The font-variation-settings
CSS property sets an "axis of variability" on a variable font, such as weight, optical size, or a custom axis defined by the typeface designer. When possible, use other CSS font properties, such as font-weight: bold
. Also known as variable fonts.
Learning resources on MDN
Browser support (view on caniuse.com)
- Chrome 62 Released on 2017-10-17
- Chrome Android 62 Released on 2017-10-24
- Edge 17 Released on 2018-04-30
- Firefox 62 Released on 2018-09-05
- Firefox for Android 62 Released on 2018-09-05
- Safari 11 Released on 2017-09-19
- Safari on iOS 11 Released on 2017-09-19