diff --git a/apps/web/src/main.ts b/apps/web/src/main.ts
index a44440c..9ecfbe4 100644
--- a/apps/web/src/main.ts
+++ b/apps/web/src/main.ts
@@ -4,6 +4,7 @@ import { brand } from '@mento/shared';
 import App from './App.vue';
 import { router } from './router';
 import { vTableCols } from './lib/tableColumns';
+import './styles/fonts.css';
 import './styles/main.css';
 
 document.title = `${brand.nameFa} | ${brand.fullName}`;
diff --git a/apps/web/src/styles/main.css b/apps/web/src/styles/main.css
index a9cb089..cbbd537 100644
--- a/apps/web/src/styles/main.css
+++ b/apps/web/src/styles/main.css
@@ -3,7 +3,6 @@
 @import "tailwindcss/utilities.css" layer(utilities);
 @source "../";
 
-@import "./fonts.css";
 @import "./tokens.css";
 
 :root {