Fallback font is activated instead of inter font even after the configurations

I have been trying to configure my font the way Mosh and Radix UI documentation said it should be configured, yet, I end up with the fall back --applesystem font system. Please if anybody fixed that issue, let me know

ok this error has been fixed. In case you are experiencing it, use the below in the theme-config.css
take note of the “!important”

.radix-themes { --default-font-family: var(--font-montserrat) !important; }

1 Like

Marking it as !important worked for me, but surely there is a better way to do this. Is there any way to change the order in which the css gets applied? I want my customized theme-config.css to be applied after the generic radix css, that way I won’t need to add !important on every line (which is more of a workaround imho).

Edit: Another workaround/fix I found was to move the css into the global css, like

@import "@radix-ui/themes/styles.css";
@import "./theme-config.css";

This creates a fixed order, since the radix-ui is imported first before the theme config is applied.