diff --git a/packages/web/index.html b/packages/web/index.html
index 1b3afa71..30ad400c 100644
--- a/packages/web/index.html
+++ b/packages/web/index.html
@@ -11,16 +11,6 @@
 
     <link rel="manifest" href="site.webmanifest" />
     <link rel="mask-icon" href="logo_black.svg" color="#67ea94" />
-    <link
-      rel="stylesheet"
-      href="https://rsms.me/inter/inter.css"
-      crossorigin="anonymous"
-    />
-    <link
-      rel="stylesheet"
-      href="https://cdn.jsdelivr.net/npm/@xz/fonts@1/serve/cascadia-code.min.css"
-      crossorigin="anonymous"
-    />
     <link
       rel="stylesheet"
       href="src/index.css"
diff --git a/packages/web/public/fonts/InterVariable-Italic.woff2 b/packages/web/public/fonts/InterVariable-Italic.woff2
new file mode 100644
index 00000000..b3530f3f
Binary files /dev/null and b/packages/web/public/fonts/InterVariable-Italic.woff2 differ
diff --git a/packages/web/public/fonts/InterVariable.woff2 b/packages/web/public/fonts/InterVariable.woff2
new file mode 100644
index 00000000..5a8d3e72
Binary files /dev/null and b/packages/web/public/fonts/InterVariable.woff2 differ
diff --git a/packages/web/src/components/UI/Typography/Code.tsx b/packages/web/src/components/UI/Typography/Code.tsx
index 7f80886c..b6102b7a 100644
--- a/packages/web/src/components/UI/Typography/Code.tsx
+++ b/packages/web/src/components/UI/Typography/Code.tsx
@@ -3,7 +3,7 @@ export interface CodeProps {
 }
 
 export const Code = ({ children }: CodeProps) => (
-  <code className="relative rounded-sm bg-slate-100 px-[0.3rem] py-[0.2rem] font-mono text-sm font-semibold text-slate-900 dark:bg-slate-800 dark:text-slate-400">
+  <code className="relative rounded-sm bg-slate-100 px-[0.3rem] py-[0.2rem] text-sm font-semibold font-mono text-slate-900 dark:bg-slate-800 dark:text-slate-400">
     {children}
   </code>
 );
diff --git a/packages/web/src/index.css b/packages/web/src/index.css
index 1bd6026c..f9a80685 100644
--- a/packages/web/src/index.css
+++ b/packages/web/src/index.css
@@ -1,3 +1,19 @@
+@font-face {
+  font-family: 'Inter var';
+  font-style: normal;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('/fonts/InterVariable.woff2') format('woff2');
+}
+
+@font-face {
+  font-family: 'Inter var';
+  font-style: italic;
+  font-weight: 100 900;
+  font-display: swap;
+  src: url('/fonts/InterVariable-Italic.woff2') format('woff2');
+}
+
 @import "tailwindcss";
 /* @import '@meshtastic/ui/theme/default.css'; */
 /* @source "../node_modules/@meshtastic/ui";  */
@@ -11,7 +27,7 @@
 
 @theme {
   --font-mono:
-    Cascadia Code, ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
+    ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas,
     "Liberation Mono", "Courier New", monospace;
   --font-sans:
     Inter var, ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji",