Web platform features explorer

font-variation-settings

Widely available since 2021-03-05
Tags: css Groups: CSS > Fonts

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.

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

Developer signals