# font

> Shoplazza Theme 中的 font Liquid 对象：来自 font_picker 设置，配合字体过滤器加载字体或获取字体变体。

来自 [font\_picker setting](/docs/theme/architecture/settings/input-settings#font_picker) 的字体。

:::tip
使用 [font filters](./font) 修改 font object 的属性或加载字体。
:::

| Properties          | Type                                | Description                                                   |
| :------------------ | :---------------------------------- | :------------------------------------------------------------ |
| `fallback_families` | [string](../basics/liquid-types#string) | 字体的后备字体系列。                            |
| `family`            | [string](../basics/liquid-types#string) | 字体的字体系列名称。                                  |
| `font_face`         | [string](../basics/liquid-types#string) | 该字体可以在 `style` 中使用 `font_face` 加载。 |
| `handle`            | [string](../basics/liquid-types#string) | 字体的 handle。                                       |
| `style`             | [string](../basics/liquid-types#string) | 字体的样式。                                        |
| `weight`            | [number](../basics/liquid-types#number) | 字体的粗细。                                       |

```json title="对象"
{
  "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
}
```