feat: optimize fonts

package.json

@@ -40,8 +40,6 @@
   },
   "type": "module",
   "dependencies": {
-    "@fontsource/fusion-pixel-10px-monospaced-sc": "^5.0.1",
-    "@fontsource/fusion-pixel-10px-proportional-sc": "^5.0.1",
     "@neodrag/svelte": "^2.3.1",
     "@skyware/bot": "^0.3.8",
     "@std/toml": "npm:@jsr/std__toml",

src/routes/+layout.svelte

@@ -2,8 +2,6 @@
 	import getTitle from '$lib/getTitle';
 	import NavButton from '../components/navButton.svelte';
 	import Tooltip from '../components/tooltip.svelte';
-	import '@fontsource/fusion-pixel-10px-monospaced-sc';
-	import '@fontsource/fusion-pixel-10px-proportional-sc';
 	import '../styles/app.css';
 
 	interface Props {

src/styles/app.css

@@ -15,6 +15,22 @@
         font-smoothing: none !important;
     }
 
+    @font-face {
+        font-family: 'Fusion Pixel 10px Monospaced zh_hans';
+        src: url('/fonts/fusion-pixel-sc-monospaced.woff2') format('woff2');
+        font-weight: normal;
+        font-style: normal;
+        font-display: swap;
+    }
+
+    @font-face {
+        font-family: 'Fusion Pixel 10px Proportional zh_hans';
+        src: url('/fonts/fusion-pixel-sc-proportional.woff2') format('woff2');
+        font-weight: normal;
+        font-style: normal;
+        font-display: swap;
+    }
+
     .prose h1::before {
         content: '[ ';
     }

tailwind.config.js

@@ -49,8 +49,8 @@ export default {
       }
     },
     fontFamily: {
-      'sans-serif': ['"Fusion Pixel 10px Proportional SC", sans-serif'],
-      monospace: ['"Fusion Pixel 10px Monospaced SC", monospace'],
+      'sans-serif': ['"Fusion Pixel 10px Proportional zh_hans", sans-serif'],
+      monospace: ['"Fusion Pixel 10px Monospaced zh_hans", monospace'],
     }
   },
   plugins: [