> For the complete documentation index, see [llms.txt](https://staylime.com/docs/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://staylime.com/docs/avante-themes/faq/theme-setup/fonts-not-displaying-in-safari-or-firefox.md).

# Fonts not displaying in Safari or Firefox

After updating to Avante v14, fonts may appear different in Safari and Firefox — headings and body text revert to system defaults — while appearing fine in Chrome.

***

### How to check if you're affected

Open your store in **Safari or Firefox** and compare with Chrome. If fonts look unstyled or generic — you're affected.

***

### Why this happens

Avante v14 introduced scalable fonts built on `rem` units. The initial release contains a CSS syntax error in `snippets/font-variables.liquid` — font size calculations divide by a px-unit value (e.g. `/ 24720px`), which is invalid CSS.

Chrome accepts this silently. Safari and Firefox follow the spec strictly and discard the entire rule — causing all font variables to stop applying.

***

### How to fix it

This requires a code-level patch — it cannot be resolved by changing theme settings or updating to a newer version at this time.

**Contact our support team** and we'll apply the fix to your store:

<a href="https://staylime.zendesk.com/hc/en-us/requests/new" class="button primary">Contact support →</a>

{% hint style="warning" icon="triangle-exclamation" %}
**Note:** This bug exists in the initial v14.0.0 release. If you installed or updated after the patch was released, you may not be affected.
{% endhint %}


---

# Agent Instructions
This documentation is published with GitBook. GitBook is the documentation platform designed so that both humans and AI agents can read, navigate, and reason over technical content effectively. Learn more at gitbook.com.

## Querying This Documentation
If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter, and the optional `goal` query parameter:

```
GET https://staylime.com/docs/avante-themes/faq/theme-setup/fonts-not-displaying-in-safari-or-firefox.md?ask=<question>&goal=<endgoal>
```

`ask` is the immediate question: it should be specific, self-contained, and written in natural language.
`goal` is optional and describes the broader end goal you are ultimately trying to accomplish on behalf of the user. GitBook uses it to tailor the answer towards what is most useful for that goal.

The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.