diff --git a/index.html b/index.html
index fdf4996c6..3b3c6c060 100644
--- a/index.html
+++ b/index.html
@@ -6,7 +6,6 @@
-
diff --git a/public/fonts.css b/src/assets/css/fonts.css
similarity index 98%
rename from public/fonts.css
rename to src/assets/css/fonts.css
index 62a2bc335..08a7a8424 100644
--- a/public/fonts.css
+++ b/src/assets/css/fonts.css
@@ -4,4 +4,4 @@
font-weight: 400;
font-style: normal;
font-display: swap; /* prevents invisible text flash */
-}
\ No newline at end of file
+}
diff --git a/src/assets/css/style.css b/src/assets/css/style.css
index 1cd2b361b..8f62bd9fc 100644
--- a/src/assets/css/style.css
+++ b/src/assets/css/style.css
@@ -149,6 +149,10 @@ body {
font-size: 15px;
}
+textarea {
+ font-family: 'ABCRom', monospace;
+}
+
.comfy-modal-content {
display: flex;
flex-direction: column;
diff --git a/src/assets/palettes/light.json b/src/assets/palettes/light.json
index fcacbd282..02817606b 100644
--- a/src/assets/palettes/light.json
+++ b/src/assets/palettes/light.json
@@ -68,7 +68,8 @@
"content-fg": "#222",
"content-hover-bg": "#adadad",
"content-hover-fg": "#222",
- "bar-shadow": "rgba(16, 16, 16, 0.25) 0 0 0.5rem"
+ "bar-shadow": "rgba(16, 16, 16, 0.25) 0 0 0.5rem",
+ "font-family": "ABCRom"
}
}
}
diff --git a/src/main.ts b/src/main.ts
index ddace3ee1..95789d3e7 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -12,6 +12,7 @@ import Tooltip from 'primevue/tooltip'
import { createApp } from 'vue'
import { VueFire, VueFireAuth } from 'vuefire'
+import '@/assets/css/fonts.css'
import '@/assets/css/style.css'
import { FIREBASE_CONFIG } from '@/config/firebase'
import router from '@/router'
diff --git a/src/scripts/ui/menu/menu.css b/src/scripts/ui/menu/menu.css
index 43d7ba46d..495c99114 100644
--- a/src/scripts/ui/menu/menu.css
+++ b/src/scripts/ui/menu/menu.css
@@ -36,11 +36,6 @@
color: var(--primary-hover-fg) !important;
}
-@font-face {
- font-family: 'ABCRom';
- src: url('../../assets/fonts/ABCRom.woff2') format('woff2');
-}
-
/* Popup */
.comfyui-popup {
position: absolute;