@font-face ranges

An @font-face rule can declare a range for font-weight, font-stretch and font-style: oblique. The face is used for every value inside its range, and the request sets the variable font's axes there, kept inside the range. A font with no descriptors covers the range of its own axes.

font-weight: 300 600 — the weight axis stays inside the range

HIAH
requested 100, drawn at 300
HIAH
requested 450, drawn at 450
HIAH
requested 900, drawn at 600
HIAH
no descriptor: the axis reaches 900

Two rules of one family: 100 300 and 700 900

HIAH
200 is in the first range
HIAH
500 is in neither: the nearer lighter range, at its upper end
HIAH
800 is in the second range

font-stretch: 90% 110% — percentages and the range

HIAH
75%, drawn at 90%
HIAH
100%
HIAH
105.5%
HIAH
125%, drawn at 110%

font-style: oblique 0deg 10deg — the slant axis stays inside the range

HIAH
normal: upright (0 is in the range)
HIAH
oblique 5deg
HIAH
italic is 14deg, drawn at 10deg
HIAH
oblique 25deg, drawn at 10deg