feat: use JetBrains Mono sitewide

app/globals.css

@@ -11,13 +11,53 @@
 @plugin "tailwindcss-animate";
 @plugin "@tailwindcss/typography";
 
+@font-face {
+  font-family: "JetBrains Mono";
+  src: url("/fonts/jetbrains-mono/JetBrainsMono-ExtraLight.woff2") format("woff2");
+  font-display: swap;
+  font-style: normal;
+  font-weight: 200;
+}
+
+@font-face {
+  font-family: "JetBrains Mono";
+  src: url("/fonts/jetbrains-mono/JetBrainsMono-Light.woff2") format("woff2");
+  font-display: swap;
+  font-style: normal;
+  font-weight: 300;
+}
+
+@font-face {
+  font-family: "JetBrains Mono";
+  src: url("/fonts/jetbrains-mono/JetBrainsMono-Regular.woff2") format("woff2");
+  font-display: swap;
+  font-style: normal;
+  font-weight: 400;
+}
+
+@font-face {
+  font-family: "JetBrains Mono";
+  src: url("/fonts/jetbrains-mono/JetBrainsMono-Medium.woff2") format("woff2");
+  font-display: swap;
+  font-style: normal;
+  font-weight: 500;
+}
+
+@font-face {
+  font-family: "JetBrains Mono";
+  src: url("/fonts/jetbrains-mono/JetBrainsMono-Bold.woff2") format("woff2");
+  font-display: swap;
+  font-style: normal;
+  font-weight: 700;
+}
+
 /* define design tokens (light mode) */
 :root {
   color-scheme: light;
-  --font-geist: "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", "Noto Sans SC",
+  --font-jetbrains-mono: "JetBrains Mono", "PingFang SC", "Hiragino Sans GB",
-    "Helvetica Neue", Arial, sans-serif;
+    "Microsoft YaHei", "Noto Sans SC", "Helvetica Neue", Arial, sans-serif;
-  --font-geist-mono: "SFMono-Regular", "SF Mono", Menlo, Monaco, Consolas,
+  --font-geist: var(--font-jetbrains-mono);
-    "Liberation Mono", "Courier New", monospace;
+  --font-geist-mono: var(--font-jetbrains-mono);
   --background: hsl(0 0% 100%);
   --foreground: hsl(240 10% 3.9%);
   --card: hsl(0 0% 100%);
@@ -207,6 +247,23 @@
   ::file-selector-button {
     border-color: var(--border, currentColor);
   }
+
+  html,
+  body,
+  button,
+  input,
+  textarea,
+  select {
+    font-family: var(--font-jetbrains-mono);
+  }
+
+  .drawnix,
+  .drawnix *,
+  .drawnix-tutorial,
+  .drawnix-tutorial * {
+    --ui-font: var(--font-jetbrains-mono);
+    font-family: var(--font-jetbrains-mono) !important;
+  }
 }
 
 @layer utilities {