# font

> The font Liquid object in a Shoplazza theme, which comes from a font_picker setting and is used together with the font filters to load a font or its variants.

A font from a [font\_picker setting](/docs/theme/architecture/settings/input-settings#font_picker).

:::tip
Use [font filters](./font) to modify properties of the font object or load the font.
:::

| Properties          | Type                                | Description                                                   |
| :------------------ | :---------------------------------- | :------------------------------------------------------------ |
| `fallback_families` | [string](../basics/liquid-types#string) | The fallback families of the font.                            |
| `family`            | [string](../basics/liquid-types#string) | The family name of the font.                                  |
| `font_face`         | [string](../basics/liquid-types#string) | The font can be loaded with the use of`font_face` in `style`. |
| `handle`            | [string](../basics/liquid-types#string) | The handle of the font.                                       |
| `style`             | [string](../basics/liquid-types#string) | The style of the font.                                        |
| `weight`            | [number](../basics/liquid-types#number) | The weight of the font.                                       |

```json title="Object"
{
  "fallback_families": "sans-serif",
  "family": "Jost",
  "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');}",
  "handle": "jost_n4",
  "style": "normal",
  "weight": 400
}
```