diff --git a/docsite/public/fonts/geist-latin-wght-italic.woff2 b/docsite/public/fonts/geist-latin-wght-italic.woff2
new file mode 100644
index 0000000..a5a4997
Binary files /dev/null and b/docsite/public/fonts/geist-latin-wght-italic.woff2 differ
diff --git a/docsite/public/fonts/geist-latin-wght-normal.woff2 b/docsite/public/fonts/geist-latin-wght-normal.woff2
new file mode 100644
index 0000000..991445d
Binary files /dev/null and b/docsite/public/fonts/geist-latin-wght-normal.woff2 differ
diff --git a/docsite/public/fonts/geist-mono-latin-wght-normal.woff2 b/docsite/public/fonts/geist-mono-latin-wght-normal.woff2
new file mode 100644
index 0000000..ab3d5ee
Binary files /dev/null and b/docsite/public/fonts/geist-mono-latin-wght-normal.woff2 differ
diff --git a/docsite/src/routes/__root.tsx b/docsite/src/routes/__root.tsx
index 242bb97..6463552 100644
--- a/docsite/src/routes/__root.tsx
+++ b/docsite/src/routes/__root.tsx
@@ -22,6 +22,15 @@ export const Route = createRootRoute({
     ],
     links: [
       { rel: "stylesheet", href: appCss },
+      { rel: "preload", as: "font", type: "font/woff2", href: "/fonts/geist-latin-wght-normal.woff2", crossOrigin: "anonymous" },
+      { rel: "preload", as: "font", type: "font/woff2", href: "/fonts/geist-latin-wght-italic.woff2", crossOrigin: "anonymous" },
+      {
+        rel: "preload",
+        as: "font",
+        type: "font/woff2",
+        href: "/fonts/geist-mono-latin-wght-normal.woff2",
+        crossOrigin: "anonymous",
+      },
       { rel: "icon", type: "image/png", sizes: "16x16", href: "/favicon/favicon-16.png" },
       { rel: "icon", type: "image/png", sizes: "32x32", href: "/favicon/favicon-32.png" },
       { rel: "icon", type: "image/png", sizes: "48x48", href: "/favicon/favicon-48.png" },
diff --git a/docsite/src/styles/app.css b/docsite/src/styles/app.css
index 4a986fb..dbad792 100644
--- a/docsite/src/styles/app.css
+++ b/docsite/src/styles/app.css
@@ -1,13 +1,56 @@
 @import "tailwindcss";
-@import "@fontsource-variable/geist";
-@import "@fontsource-variable/geist-mono";
 @import "fumadocs-ui/css/emerald.css";
 @import "fumadocs-ui/css/preset.css";
 @import "./landing.css";
 
 @source "../../node_modules/fumadocs-ui/dist/**/*.js";
 
+@font-face {
+  font-family: "Geist Variable";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url("/fonts/geist-latin-wght-normal.woff2") format("woff2-variations");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: "Geist Variable";
+  font-style: italic;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url("/fonts/geist-latin-wght-italic.woff2") format("woff2-variations");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+@font-face {
+  font-family: "Geist Mono Variable";
+  font-style: normal;
+  font-display: swap;
+  font-weight: 100 900;
+  src: url("/fonts/geist-mono-latin-wght-normal.woff2") format("woff2-variations");
+  unicode-range:
+    U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
+}
+
+@font-face {
+  font-family: "Geist Fallback";
+  src: local("Arial");
+  ascent-override: 96.69%;
+  descent-override: 22.66%;
+  line-gap-override: 0%;
+  size-adjust: 95.95%;
+}
+@font-face {
+  font-family: "Geist Mono Fallback";
+  src: local("Arial");
+  ascent-override: 80.95%;
+  descent-override: 18.97%;
+  line-gap-override: 0%;
+  size-adjust: 114.66%;
+}
+
 @theme {
-  --font-sans: "Geist Variable", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
-  --font-mono: "Geist Mono Variable", ui-monospace, SFMono-Regular, Menlo, monospace;
+  --font-sans: "Geist Variable", "Geist Fallback", -apple-system, BlinkMacSystemFont, system-ui, sans-serif;
+  --font-mono: "Geist Mono Variable", "Geist Mono Fallback", ui-monospace, SFMono-Regular, Menlo, monospace;
 }