v148 · CSS · Variable Fonts · OpenType
avar2 Type Specimen
Explore a variable font's axes with avar2 linking active. Adjust the sliders — notice how changing one axis (like weight) can simultaneously shift other axes (like width or grade) through the avar2 table, producing richer design responses than version 1 allowed.
The quick brown fox
font-variation-settings: "wght" 400
avar2 linking effect
Without avar2 (axis 1: weight only)
Aa Bb Cc
Heavy weight but other axes unchanged — width and grade stay at defaults.
With avar2 (weight → width + grade linked)
Aa Bb Cc
Same heavy weight — but avar2 also tightens the width and adjusts grade, matching the designer's intent for heavy text.
references
implementation reference
Need the exact API surface, compatibility boundaries, errors, lifecycle, and source links? Read the matching gendn reference ↗