> ## Documentation Index
> Fetch the complete documentation index at: https://docs.ollie.shop/llms.txt
> Use this file to discover all available pages before exploring further.

# Fonts

> Include your font to match your checkout with the rest of your website

## Admin Configuration

A Version carries the full set of configurations of your checkout, so fonts are also configured at the version level.

1. **Navigate** to your version in the admin dashboard
2. **Click** the **Props Configuration** tab
3. **Click** `Add Font`

<Frame>
  <img src="https://mintcdn.com/ollie/Io6Jvu4TldP5tH4V/ollie-shop/imgs/version-props-page.png?fit=max&auto=format&n=Io6Jvu4TldP5tH4V&q=85&s=995521fce40807c0cbcb5799773002d2" alt="Version Props Page Pn" width="2932" height="1540" data-path="ollie-shop/imgs/version-props-page.png" />
</Frame>

4. **Add your font**

   Fonts are always in a JSON format

```json theme={"system"}
{
    "fontFamily": "Mulish, sans-serif",
    "href": "https://fonts.googleapis.com/css2?family=Mulish:ital,wght@0,200..1000;1,200..1000&display=swap"
}
```

<Frame>
  <img src="https://mintcdn.com/ollie/Io6Jvu4TldP5tH4V/ollie-shop/imgs/version-props-add-font.png?fit=max&auto=format&n=Io6Jvu4TldP5tH4V&q=85&s=a1173a9aef5a1d98b9d09f6167f6ad01" alt="Version Props Add Font Pn" width="2956" height="1528" data-path="ollie-shop/imgs/version-props-add-font.png" />
</Frame>