diff --git a/src/app.css b/src/app.css
index f5643ba..0b59796 100644
--- a/src/app.css
+++ b/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;
 }
diff --git a/src/routes/+layout.svelte b/src/routes/+layout.svelte
index 2fe4491..0eb5d3b 100644
--- a/src/routes/+layout.svelte
+++ b/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>
diff --git a/src/routes/app-menu/+page.svelte b/src/routes/app-menu/+page.svelte
index 1022a22..9b2519d 100644
--- a/src/routes/app-menu/+page.svelte
+++ b/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">
diff --git a/src/routes/app-menu/tabs/scene/neko-view.svelte b/src/routes/app-menu/tabs/scene/neko-view.svelte
index fb7bb93..8c18782 100644
--- a/src/routes/app-menu/tabs/scene/neko-view.svelte
+++ b/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>
diff --git a/src/routes/health-manager/+page.svelte b/src/routes/health-manager/+page.svelte
index 147273b..c6780a9 100644
--- a/src/routes/health-manager/+page.svelte
+++ b/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}
diff --git a/src/routes/scene/components/debug-bar.svelte b/src/routes/scene/components/debug-bar.svelte
index f5b9ae1..f4a1b25 100644
--- a/src/routes/scene/components/debug-bar.svelte
+++ b/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)}
diff --git a/static/DepartureMono-Regular.woff2 b/static/DepartureMono-Regular.woff2
new file mode 100644
index 0000000..b4a23dc
Binary files /dev/null and b/static/DepartureMono-Regular.woff2 differ