departuremono.com

src/app.css

@@ -73,6 +73,17 @@
   --noise: 1;
 }
 
+@font-face {
+  font-family: "DepartureFontMono";
+  src: url("/DepartureMono-Regular.woff2") format("woff2");
+  font-weight: 400;
+  font-style: normal;
+}
+
+@theme {
+  --font-custom: "DepartureFontMono", sans-serif;
+}
+
 :root {
   background-color: transparent;
 }

src/routes/+layout.svelte

@@ -55,6 +55,6 @@
   }
 </script>
 
-<div class="w-screen h-screen bg-transparent">
+<div class="w-screen h-screen bg-transparent font-custom">
   {@render children?.()}
 </div>

src/routes/app-menu/+page.svelte

@@ -50,7 +50,7 @@
   <div class="flex flex-col gap-2 h-full max-h-full">
     <div class="size-full flex flex-col max-h-full gap-2 h-full relative">
       <div class="absolute top-2 right-2">
-        <p class="text-xs font-mono opacity-50">v{appVersion}</p>
+        <p class="text-xs opacity-50">v{appVersion}</p>
       </div>
       <div class="tabs tabs-lift h-full flex-1">
         <label class="tab">

src/routes/app-menu/tabs/scene/neko-view.svelte

@@ -24,7 +24,7 @@
           <div class="size-full absolute bg-gridded opacity-25"></div>
           <div class="size-full absolute">
             <div
-              class="flex flex-row size-full items-end justify-between text-[8px] text-primary p-1 font-mono"
+              class="flex flex-row size-full items-end justify-between text-[8px] text-primary p-1"
             >
               <div class="text-start flex flex-col">
                 <p>Scale</p>

src/routes/health-manager/+page.svelte

@@ -33,7 +33,7 @@
         </p>
       </div>
       {#if errorMessage}
-        <p class="text-xs opacity-70 wrap-break-word font-mono">
+        <p class="text-xs opacity-70 wrap-break-word">
           {errorMessage}
         </p>
       {/if}

src/routes/scene/components/debug-bar.svelte

@@ -90,7 +90,7 @@
             {@const status = getFriendStatus(userId)}
             <div class="badge py-3 text-xs text-left flex flex-row gap-2">
               <span class="font-bold">{getFriendById(userId)?.name}</span>
-              <div class="flex flex-row font-mono gap-2">
+              <div class="flex flex-row gap-2">
                 <span>
                   {position.cursor.mapped.x.toFixed(3)},
                   {position.cursor.mapped.y.toFixed(3)}