Load fonts from npm

package.json

@@ -84,6 +84,7 @@
   },
   "devDependencies": {
     "@codemirror/lang-javascript": "^6.0.2",
+    "@fontsource/inter": "^5.1.0",
     "@napi-rs/cli": "^2.13.2",
     "@preact/preset-vite": "^2.2.0",
     "@rollup/plugin-alias": "^5.1.0",

web/fonts/fonts.scss

@@ -8,78 +8,7 @@
 
 $inter-unicode-range: U+0000-20e2,U+20e4-23ce,U+23d0-24c1,U+24c3-259f,U+25c2-2664,U+2666-2763,U+2765-2b05,U+2b07-2b1b,U+2b1d-10FFFF;
 
-@font-face {
-    font-family: 'Inter';
-    font-style:  normal;
-    font-weight: 400;
-    font-display: swap;
-    unicode-range: $inter-unicode-range;
-    src: url("./Inter/Inter-Regular.woff2?v=3.18") format("woff2"),
-        url("./Inter/Inter-Regular.woff?v=3.18") format("woff");
-}
-@font-face {
-    font-family: 'Inter';
-    font-style:  italic;
-    font-weight: 400;
-    font-display: swap;
-    unicode-range: $inter-unicode-range;
-    src: url("./Inter/Inter-Italic.woff2?v=3.18") format("woff2"),
-        url("./Inter/Inter-Italic.woff?v=3.18") format("woff");
-}
-
-@font-face {
-    font-family: 'Inter';
-    font-style:  normal;
-    font-weight: 500;
-    font-display: swap;
-    unicode-range: $inter-unicode-range;
-    src: url("./Inter/Inter-Medium.woff2?v=3.18") format("woff2"),
-        url("./Inter/Inter-Medium.woff?v=3.18") format("woff");
-}
-@font-face {
-    font-family: 'Inter';
-    font-style:  italic;
-    font-weight: 500;
-    font-display: swap;
-    unicode-range: $inter-unicode-range;
-    src: url("./Inter/Inter-MediumItalic.woff2?v=3.18") format("woff2"),
-        url("./Inter/Inter-MediumItalic.woff?v=3.18") format("woff");
-}
-
-@font-face {
-    font-family: 'Inter';
-    font-style:  normal;
-    font-weight: 600;
-    font-display: swap;
-    unicode-range: $inter-unicode-range;
-    src: url("./Inter/Inter-SemiBold.woff2?v=3.18") format("woff2"),
-        url("./Inter/Inter-SemiBold.woff?v=3.18") format("woff");
-}
-@font-face {
-    font-family: 'Inter';
-    font-style:  italic;
-    font-weight: 600;
-    font-display: swap;
-    unicode-range: $inter-unicode-range;
-    src: url("./Inter/Inter-SemiBoldItalic.woff2?v=3.18") format("woff2"),
-        url("./Inter/Inter-SemiBoldItalic.woff?v=3.18") format("woff");
-}
-
-@font-face {
-    font-family: 'Inter';
-    font-style:  normal;
-    font-weight: 700;
-    font-display: swap;
-    unicode-range: $inter-unicode-range;
-    src: url("./Inter/Inter-Bold.woff2?v=3.18") format("woff2"),
-        url("./Inter/Inter-Bold.woff?v=3.18") format("woff");
-}
-@font-face {
-    font-family: 'Inter';
-    font-style:  italic;
-    font-weight: 700;
-    font-display: swap;
-    unicode-range: $inter-unicode-range;
-    src: url("./Inter/Inter-BoldItalic.woff2?v=3.18") format("woff2"),
-        url("./Inter/Inter-BoldItalic.woff?v=3.18") format("woff");
-}
+@import url("@fontsource/inter/400.css");
+@import url("@fontsource/inter/500.css");
+@import url("@fontsource/inter/600.css");
+@import url("@fontsource/inter/700.css");

yarn.lock

@@ -678,6 +678,11 @@
   resolved "https://registry.yarnpkg.com/@floating-ui/utils/-/utils-0.2.8.tgz#21a907684723bbbaa5f0974cf7730bd797eb8e62"
   integrity sha512-kym7SodPp8/wloecOpcmSnWJsK7M0E5Wg8UcFA+uO4B9s5d0ywXOEro/8HM9x0rW+TljRzul/14UYz3TleT3ig==
 
+"@fontsource/inter@^5.1.0":
+  version "5.1.0"
+  resolved "https://registry.yarnpkg.com/@fontsource/inter/-/inter-5.1.0.tgz#ab629b2c662457022d2d6a29854b8dc8ba538c47"
+  integrity sha512-zKZR3kf1G0noIes1frLfOHP5EXVVm0M7sV/l9f/AaYf+M/DId35FO4LkigWjqWYjTJZGgplhdv4cB+ssvCqr5A==
+
 "@humanwhocodes/config-array@^0.11.13":
   version "0.11.13"
   resolved "https://registry.yarnpkg.com/@humanwhocodes/config-array/-/config-array-0.11.13.tgz#075dc9684f40a531d9b26b0822153c1e832ee297"