feat(website): remove IBM Plex Mono font usage

Rel1cx · Rel1cx · commit b0b177f8a66e · 2025-09-22T02:28:12.000+08:00
diff --git a/apps/website/app/layout.tsx b/apps/website/app/layout.tsx
@@ -1,19 +1,12 @@
+import { baseUrl } from "#/lib/metadata";
+import { RootProvider } from "fumadocs-ui/provider";
 import type { Metadata } from "next";
 import type { ReactNode } from "react";
 
-import { RootProvider } from "fumadocs-ui/provider";
 import { ViewTransitions } from "next-view-transitions";
-import { IBM_Plex_Mono } from "next/font/google";
-import { baseUrl } from "../lib/metadata";
-import "./base.css";
 
-import "./overrides.css";
-
-const ibm_plex_mono = IBM_Plex_Mono({
-  subsets: ["latin"],
-  variable: "--font-ibm_plex_mono",
-  weight: ["400", "500", "700"],
-});
+import "#/app/app.css";
+import "#/app/app.override.css";
 
 const themeOptions = {
   enabled: true,
@@ -22,19 +15,19 @@ const themeOptions = {
   // forcedTheme: "dark",
 };
 
-export const metadata = {
+export const metadata: Metadata = {
   description: "4-7x faster composable ESLint rules for React and friends.",
   title: {
     default: "ESLint React",
     template: "%s | ESLint React",
   },
   metadataBase: baseUrl,
-} as const satisfies Metadata;
+};
 
 export default function Layout({ children }: { children: ReactNode }) {
   return (
     <ViewTransitions>
-      <html className={ibm_plex_mono.variable} lang="en" suppressHydrationWarning>
+      <html lang="en" suppressHydrationWarning>
         <meta content="#fff" name="msapplication-TileColor" />
         <meta content="en" httpEquiv="Content-Language" />
         <meta content="ESLint React" name="apple-mobile-web-app-title" />
diff --git a/apps/website/app/theme/theme.css b/apps/website/app/theme/theme.css
@@ -80,7 +80,6 @@
     "Noto Color Emoji";
 
   --font-family-mono:
-    var(--font-ibm_plex_mono),
     ui-monospace,
     Menlo,
     Monaco,
