feat: use fusion pixel font, drop comic sans/mono

package.json

@@ -40,7 +40,8 @@
   },
   "type": "module",
   "dependencies": {
-    "@fontsource/comic-mono": "^5.1.0",
+    "@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,7 +2,8 @@
 	import getTitle from '$lib/getTitle';
 	import NavButton from '../components/navButton.svelte';
 	import Tooltip from '../components/tooltip.svelte';
-	import "@fontsource/comic-mono";
+	import '@fontsource/fusion-pixel-10px-monospaced-sc';
+	import '@fontsource/fusion-pixel-10px-proportional-sc';
 	import '../styles/app.css';
 
 	interface Props {

src/styles/app.css

@@ -46,10 +46,6 @@
         text-shadow: 0 0 3px theme(colors.ralsei.black), 0 0 6px theme(colors.ralsei.pink.neon), 0 0 10px #fff3;
     }
 
-    li,p,summary,.text-shadow-white {
-        text-shadow: 0 0 1px theme(colors.ralsei.black), 0 0 5px theme(colors.ralsei.white);
-    }
-
     .text-shadow-red {
         text-shadow: 0 0 1px theme(colors.ralsei.black), 0 0 5px theme(colors.red.600);
     }
@@ -59,19 +55,7 @@
     }
 
     .prose ul, ul {
-        list-style-type: '-- ';
+        list-style-type: '>>';
-    }
-
-    li::marker {
-        text-shadow: 0 0 4px theme(colors.ralsei.pink.regular), 0 0 6px #fff9;
-    }
-
-    code {
-        text-shadow: 0 0 4px theme(colors.ralsei.pink.regular);
-    }
-
-    .prose code, .prose pre {
-        @apply text-sm;
     }
 
     .text-shadow-green {
@@ -83,30 +67,6 @@
         cursor: url('/icons/gaze.webp'), pointer;
     }
 
-    @font-face {
-        font-family: 'Comic Sans';
-        src: local('Comic Sans MS'), url('/fonts/subset-ComicSansMS-Italic.woff2') format('woff2');
-        font-weight: normal;
-        font-style: italic;
-        font-display: swap;
-    }
-    
-    @font-face {
-        font-family: 'Comic Sans';
-        src: local('Comic Sans MS'), url('/fonts/subset-ComicSansMS.woff2') format('woff2');
-        font-weight: normal;
-        font-style: normal;
-        font-display: swap;
-    }
-    
-    @font-face {
-        font-family: 'Comic Sans';
-        src: local('Comic Sans MS'), url('/fonts/subset-ComicSansMS-Bold.woff2') format('woff2');
-        font-weight: bold;
-        font-style: normal;
-        font-display: swap;
-    }
-
     .animate-squiggle {
         animation: squigglevision 0.3s infinite;
     }

tailwind.config.js

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