--- title: 'Liquid objects: font' description: >- A font from a [`font_picker` setting](/themes/architecture/settings/input-settings#font_picker). api_name: liquid source_url: html: 'https://shopify.dev/docs/api/liquid/objects/font' md: 'https://shopify.dev/docs/api/liquid/objects/font.md' --- # font A font from a [`font_picker` setting](https://shopify.dev/themes/architecture/settings/input-settings#font_picker). You can use the `font` object in Liquid [assets](https://shopify.dev/themes/architecture#assets) or inside a [`style` tag](https://shopify.dev/docs/api/liquid/tags/style) to apply font setting values to theme CSS. *** Tip Use [font filters](https://shopify.dev/docs/api/liquid/filters/font-filters) to modify properties of the `font` object, load the font, or obtain font variants. *** ## Properties * * baseline\_​ratio [number](https://shopify.dev/docs/api/liquid/basics#number) * The baseline ratio of the font as a decimal. * fallback\_​families [string](https://shopify.dev/docs/api/liquid/basics#string) * The fallback families of the font. * family [string](https://shopify.dev/docs/api/liquid/basics#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](https://shopify.dev/docs/api/liquid/basics#string) * The style of the font. * system? [boolean](https://shopify.dev/docs/api/liquid/basics#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](https://shopify.dev/docs/api/liquid/filters/font_face) declaration for the font. * variants array of [font](https://shopify.dev/docs/api/liquid/objects/font) * The variants in the family of the font. * weight [number](https://shopify.dev/docs/api/liquid/basics#number) * The weight of the font. ```json { "baseline_ratio": 0.133, "fallback_families": "sans-serif", "family": "Assistant", "style": "normal", "system?": false, "variants": {}, "weight": "400" } ``` ##### Example ``` { "baseline_ratio": 0.133, "fallback_families": "sans-serif", "family": "Assistant", "style": "normal", "system?": false, "variants": {}, "weight": "400" } ```