Skip to content

Latest commit

 

History

History
19 lines (11 loc) · 1.49 KB

File metadata and controls

19 lines (11 loc) · 1.49 KB

“Guides Opacity” (GDOP in CSS) is an axis found in some variable fonts that adjusts the visibility of guide marks built into the glyphs themselves. These guides—reference strokes such as ruled lines and dotted paths—are often included in handwriting-style typefaces to show how a letter is meant to be formed.

The Google Fonts CSS v2 API defines the axis as:

Default: Min: Max: Step:
100 0 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.

Typeface: Briem Hand

At its default value of 100, the guides are fully visible, which is useful for teaching or demonstrating how a script or handwriting typeface is meant to be written. Moving the axis down to 0 fades the guides out completely, leaving only the ordinary letterforms behind—suited to regular reading and setting text.

Unlike most axes in the registry, Guides Opacity defaults to its maximum rather than its minimum value, so that the guides are shown unless a user deliberately hides them.