font-variation-settings#

#Introduction

The font-variation-settings CSS property provides low-level control over variable font characteristics by letting you specify the four letter axis names of the characteristics you want to vary along with their values.

#Examples

css-apisrc/font-variation-settings/App.tsx

Preview

#Syntax

font-variation-settings: 'wght' 750;

#Formal Definition

#Formal Syntax

font-variation-settings =
  normal                        |
  [ <opentype-tag> <number> ]#

<opentype-tag> =
  <string>

#Compatibility