fix: avoid remote font fetch during build

2026-06-08 10:47:43 +08:00
parent 8556286f2a
commit 475b90781c
2 changed files with 6 additions and 14 deletions
--- a/app/globals.css
+++ b/app/globals.css
@@ -7,6 +7,11 @@
  --font-mono: var(--font-geist-mono);
 }

+:root {
+  --font-geist-sans: Inter, Outfit, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
+  --font-geist-mono: "JetBrains Mono", "SFMono-Regular", Consolas, "Liberation Mono", monospace;
+}
+
 /* ═══ DARK THEME ═══ */
 :root, [data-theme="dark"] {
  --background: #06080d;
--- a/app/layout.tsx
+++ b/app/layout.tsx
@@ -1,20 +1,7 @@
 import type { Metadata } from "next";
-import { Outfit, JetBrains_Mono } from "next/font/google";
 import "./globals.css";
 import { ClientProviders } from "@/components/ClientProviders";

-const outfit = Outfit({
-  variable: "--font-geist-sans",
-  subsets: ["latin"],
-  weight: ["300", "400", "500", "600", "700", "800"],
-});
-
-const jetbrains = JetBrains_Mono({
-  variable: "--font-geist-mono",
-  subsets: ["latin"],
-  weight: ["400", "500", "600"],
-});
-
 export const metadata: Metadata = {
  title: "API Analytics — Neural Pulse",
  description: "Real-time API usage analytics dashboard",
@@ -26,7 +13,7 @@ export default function RootLayout({
  children: React.ReactNode;
 }>) {
  return (
-    <html lang="zh" className={`${outfit.variable} ${jetbrains.variable} h-full antialiased`} suppressHydrationWarning>
+    <html lang="zh" className="h-full antialiased" suppressHydrationWarning>
      <head>
        <script dangerouslySetInnerHTML={{ __html: `
          (function(){