import fontsource's CSS from style.css not main.js.

3 files changed, 2 insertions, 1 deletions

diff --git a/main.js b/main.js
index 2303e5f..8169ff5 100644
--- a/main.js
+++ b/main.js
@@ -59,7 +59,6 @@ import { register as registerProjection } from 'ol/proj/proj4.js';
 
 import { Modal, Popover } from 'bootstrap';
 
-import '@fontsource/inter/latin-400.css';
 import './style.css';
 "use strict";
 
diff --git a/style.css b/style.css
index fde3b81..8800c8b 100644
--- a/style.css
+++ b/style.css
@@ -1,6 +1,7 @@
 @import "~bootstrap/dist/css/bootstrap.css";
 @import "~bootstrap-icons/font/bootstrap-icons.css";
 @import "~ol/ol.css";
+@import "~fontsource/inter/latin-400.css";
 
 html, body {
   margin: 0;
diff --git a/vite.config.js b/vite.config.js
index b0880df..2e513f9 100644
--- a/vite.config.js
+++ b/vite.config.js
@@ -24,6 +24,7 @@ export default {
       "~bootstrap": path.resolve(__dirname, "node_modules/bootstrap"),
       "~bootstrap-icons": path.resolve(__dirname, "node_modules/bootstrap-icons"),
       "~ol": path.resolve(__dirname, "node_modules/ol"),
+      "~fontsource": path.resolve(__dirname, "node_modules/@fontsource"),
     }
   },
   server: {