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; }
3 Likes
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.
1 Like