AppsThemesSupport

Font

Suggest Edits

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

Updated 10 months ago