feat: font mono changed to geist mono (#485)

magicuidesign · Jan 2, 2025 · ce6bcc7 · ce6bcc7
1 parent efccf08
commit ce6bcc7
Show file tree

Hide file tree

Showing 3 changed files with 5 additions and 6 deletions.
diff --git a/app/layout.tsx b/app/layout.tsx
@@ -1,4 +1,4 @@
-import { fontSans } from "@/lib/fonts";
+import { fontMono, fontSans } from "@/lib/fonts";
 import { absoluteUrl, cn, constructMetadata } from "@/lib/utils";
 import { Toaster } from "@/components/ui/sonner";
 import { TooltipProvider } from "@/components/ui/tooltip";
@@ -39,6 +39,7 @@ export default function RootLayout({
         className={cn(
           "relative flex min-h-screen w-full flex-col justify-center overflow-x-hidden scroll-smooth bg-background font-sans antialiased",
           fontSans.variable,
+          fontMono.variable,
         )}
       >
         <PHProvider>

diff --git a/lib/fonts.ts b/lib/fonts.ts
@@ -1,9 +1,6 @@
-import { JetBrains_Mono as FontMono } from "next/font/google";
 import { GeistSans } from "geist/font/sans";
+import { GeistMono } from "geist/font/mono";
 
 export const fontSans = GeistSans;
 
-export const fontMono = FontMono({
-  subsets: ["latin"],
-  variable: "--font-mono",
-});
+export const fontMono = GeistMono;
diff --git a/tailwind.config.cjs b/tailwind.config.cjs
@@ -22,6 +22,7 @@ module.exports = {
     extend: {
       fontFamily: {
         sans: ["var(--font-geist-sans)", ...fontFamily.sans],
+        mono: ["var(--font-geist-mono)", ...fontFamily.mono],
       },
       colors: {
         border: "hsl(var(--border))",