Fonts not displaying in Safari or Firefox
After Avante v14, fonts may revert to defaults in Safari and Firefox due to a CSS error in font-variables.liquid. Update the theme or apply the fix.
Last updated
Was this helpful?
After Avante v14, fonts may revert to defaults in Safari and Firefox due to a CSS error in font-variables.liquid. Update the theme or apply the fix.
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.
Open your store in Safari or Firefox and compare with Chrome. If fonts look unstyled or generic — you're affected.
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.
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:
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.
Last updated
Was this helpful?
Was this helpful?