Font

Font filters modify font objects, which are defined in font theme settings. You can use font filters to load fonts or to obtain font variants.

To learn how to access the settings of the theme, refer to Settings.

Refer to Shoplazza font library for a list of all fonts and their variants.

font_face


    font |
    font_face

returns string

Generates a CSS @font_face declaration to load the provided font.

{{ settings.type_text_font_family | font_face }}

@font-face {
  font-family: 'Jost';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(https://fonts.gstatic.com/s/jost/v13/92zPtBhPNqw79Ij1E865zBUv7myjJTVBNIg.woff2) format('woff2');
}

font_url


    font |
    font_url

returns string

Returns the CDN URL for the provided font in woff2 format.

{{ settings.type_text_font_family | font_url }}

https://fonts.gstatic.com/s/jost/v13/92zPtBhPNqw79Ij1E865zBUv7myjJTVBNIg.woff2