fix(ui): removed internet hosted fonts from app (#955)

* fix(ui): removed internet hosted fonts from app

* Update packages/web/src/components/generic/Mono.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* Update packages/web/src/components/UI/Typography/Code.tsx

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

* removed unsupported font extention

* formatter fix

---------

Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com>

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"

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>
 );

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",