CSS Master Code Examples: Chapter 4

Using the font-variation-settings property

With the font-variation-settings property, we can also use CSS to modify the appearance of a range of font features — if the font supports it. Amstelvar is one of those fonts.

Note that each of the values below is an axis defined by the font itself.

Related specification: CSS Fonts Module Level 4

Pack my box with five dozen liquor jugs.

(rem units)

(optical sizing)

(weight)

(width)

(grade)

(x opaque)

(x transparent)

(y opaque)

(y transparent lowercase)

(y transparent uppercase)

(y transparent figure height)

(y transparent lowercase descender)

(y transparent lowercase ascender)

(serif height / serif rise)

(ParaWeight)

(ParaWidth)