The typography globals consist of CSS custom properties, which you can use to either apply a
font-family or a
font value (combining
font-familily) and a text-rendering setting.
geometricPrecisionby default. If you run into performance issues on text-heavy pages, set the CSS custom property
In most cases you will probably want to simply use components though, which themselves make use of global typography CSS custom properties, such as the
The list below shows you all available typography related CSS custom properties available after importing Liquid stylesheets and the effect they have on text.
text-transform: uppercase;, use a color other than black and apply an
aria-labelin order to conform with the Liquid Design System and its accessibility requirements. The examples below have been altered accordingly.