For AI agents: the complete documentation index is available at /next/llms.txt, the full documentation bundle is available at /next/llms-full.txt, and this page is available as Markdown at /next/api/css/properties/font-variation-settings.md.
Lynx
  • English

      • 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
      Code
      Preview

      Syntax

      font-variation-settings: 'wght' 750;

      Formal Definition

      Initial valuenormal
      Applies totext
      Inheritedyes
      Animatableno

      Formal Syntax

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

<opentype-tag> =
  <string>

      Compatibility

      LCD tables only load in the browser

      Except as otherwise noted, this work is licensed under a Creative Commons Attribution 4.0 International License, and code samples are licensed under the Apache License 2.0.