font

A font from a font_picker setting.

You can use the font object in Liquid assets or inside a style tag to apply font setting values to theme CSS.

Tip

Use font filters to modify properties of the font object, load the font, or obtain font variants.

Properties

baseline_ratio number: The baseline ratio of the font as a decimal.
fallback_families string: The fallback families of the font.
family string: The family name of the font.

Tip
If the family name contains non-alphanumeric characters (A-Z, a-z, 0-9, or '-'), then it will be wrapped in double quotes.
style string: The style of the font.
system? boolean: Returns true if the font is a system font. Returns false if not.

Tip
You can use this property to determine whether you need to include a corresponding font-face declaration for the font.
variants array of font: The variants in the family of the font.
weight number: The weight of the font.

{

"baseline_ratio": 0.133,

"fallback_families": "sans-serif",

"family": "Assistant",

"style": "normal",

"system?": false,

"variants": {},

"weight": "400"

}

{
  "baseline_ratio": 0.133,
  "fallback_families": "sans-serif",
  "family": "Assistant",
  "style": "normal",
  "system?": false,
  "variants": {},
  "weight": "400"
}

Was this section helpful?