content.md 1.3 KB

“Scanlines” (SCAN in CSS) is an axis found in some variable fonts that control the thickness of the scanlines that make up the glyph shapes. Because it’s only the scanlines that are changed, there are no changes to the type’s overall width, letter spacing, or kerning. Therefore, Manipulating this axis will not result in altered line breaks or page layout changes.

The Google Fonts CSS v2 API defines the axis as:

Default: Min: Max: Step:
0 -100 100 1
![An image showing two type specimens, each with an axis slider underneath. The specimen on the left shows the effects of the axis’ lowest value. The specimen on the right shows the effects of the axis’ highest value.](images/thumbnail.svg)
In the Workbench typeface, note how moving the Scanline axis towards its maximum value expands the height of each individual scanline.

Negative values make the scanlines thinner, and positive values make them thicker.