# Fallback font is activated instead of inter font even after the configurations
**URL:** https://forum.codewithmosh.com/t/fallback-font-is-activated-instead-of-inter-font-even-after-the-configurations/23551
**Category:** Next.js
**Created:** [November 10, 2023, 10:13am UTC](https://forum.codewithmosh.com/t/fallback-font-is-activated-instead-of-inter-font-even-after-the-configurations/23551 "2023-11-10T10:13:10Z")
**Posts on this page:** 3
**Page:** 1
### Author:  [@nonsookongwu](https://forum.codewithmosh.com/u/nonsookongwu)
#### Post date: [November 10, 2023, 10:13am UTC](https://forum.codewithmosh.com/t/fallback-font-is-activated-instead-of-inter-font-even-after-the-configurations/23551/1 "2023-11-10T10:13:10Z")
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
---
### Author:  [@nonsookongwu](https://forum.codewithmosh.com/u/nonsookongwu)
#### Post date: [November 10, 2023, 10:22am UTC](https://forum.codewithmosh.com/t/fallback-font-is-activated-instead-of-inter-font-even-after-the-configurations/23551/2 "2023-11-10T10:22:21Z")
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; }`
---
### Author:  [@petervel](https://forum.codewithmosh.com/u/petervel)
#### Post date: [November 17, 2023, 12:26pm UTC](https://forum.codewithmosh.com/t/fallback-font-is-activated-instead-of-inter-font-even-after-the-configurations/23551/3 "2023-11-17T12:26:28Z")
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
```auto
@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.