Narrow admin font loading

DavidBabinec · DavidBabinec · commit 94824e12cefd · 2026-06-03T21:15:52.000+02:00
diff --git a/bun.lock b/bun.lock
diff --git a/docs/design.md b/docs/design.md
@@ -229,8 +229,8 @@ Use `--panel-shadow` directly when you need a floating-panel feel; don't recompo
 ### Typography
 
 ```css
---font-sans: "Inter Variable", "Geist Variable", sans-serif;
---font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
+--font-sans: "Inter Variable", system-ui, sans-serif;
+--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
 ```
 
 Type **sizes** are per-component and don't yet have a token scale. The patterns in actual use:
diff --git a/docs/reference/design-tokens.md b/docs/reference/design-tokens.md
@@ -17,8 +17,8 @@ The complete catalog of design tokens declared in `src/styles/globals.css`. Ever
 ## Fonts
 
 ```css
---font-sans: "Inter Variable", "Geist Variable", sans-serif;
---font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
+--font-sans: "Inter Variable", system-ui, sans-serif;
+--font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", monospace;
 ```
 
 Type sizes are per-component and don't yet have a token scale. If a recurring size emerges across 3+ primitives, promote it to a token.
diff --git a/knip.json b/knip.json
@@ -18,7 +18,6 @@
     "src/ui/icons/icon-browser.html"
   ],
   "ignoreDependencies": [
-    "@fontsource-variable/geist",
     "@fontsource-variable/inter",
     "dependency-cruiser",
     "jscpd",
diff --git a/package.json b/package.json
@@ -57,7 +57,6 @@
     "@codemirror/language": "^6.12.3",
     "@codemirror/state": "^6.6.0",
     "@dnd-kit/core": "^6.3.1",
-    "@fontsource-variable/geist": "^5.2.8",
     "@fontsource-variable/inter": "^5.2.8",
     "@lezer/highlight": "^1.2.3",
     "@modelcontextprotocol/sdk": "^1.29.0",
diff --git a/src/styles/globals.css b/src/styles/globals.css
@@ -1,14 +1,25 @@
-@import "@fontsource-variable/geist";
-@import "@fontsource-variable/inter";
+@font-face {
+    font-family: "Inter Variable";
+    font-style: normal;
+    font-display: swap;
+    font-weight: 100 900;
+    src: url("@fontsource-variable/inter/files/inter-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;
+}
 
 /*
  * Global CSS custom properties — design tokens for the editor UI.
  * These map to SiteSettings.colorTokens for the canvas/published output.
  * Editor chrome uses its own tokens below.
  */
 :root {
-    --font-sans: "Inter Variable", "Geist Variable", sans-serif;
-    --font-mono: "Geist Mono", "JetBrains Mono", ui-monospace, monospace;
+    --font-sans: "Inter Variable", system-ui, sans-serif;
+    --font-mono: ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
+        monospace;
 
     /* ─── Editor Surface Hierarchy (Vercel/Linear pure-black) ─────────────── */
     --editor-bg: #000000;
