Fix and update mono font on the site

marcbouchenoire · marcbouchenoire · commit 76b30ca4d989 · 2025-09-08T12:31:46.000+02:00
diff --git a/site/src/app/layout.tsx b/site/src/app/layout.tsx
@@ -1,5 +1,5 @@
 import type { Metadata } from "next";
-import { JetBrains_Mono } from "next/font/google";
+import { Geist_Mono } from "next/font/google";
 import localFont from "next/font/local";
 import { ThemeProvider } from "next-themes";
 import type { PropsWithChildren } from "react";
@@ -15,9 +15,9 @@ const inter = localFont({
   variable: "--font-inter",
 });
 
-const jetbrainsMono = JetBrains_Mono({
+const geistMono = Geist_Mono({
   subsets: ["latin"],
-  variable: "--font-jetbrains-mono",
+  variable: "--font-geist-mono",
 });
 
 export const metadata: Metadata = {
@@ -65,7 +65,7 @@ export const metadata: Metadata = {
 export default function RootLayout({ children }: PropsWithChildren) {
   return (
     <html lang="en" suppressHydrationWarning>
-      <body className={cn(inter.variable, jetbrainsMono.variable)}>
+      <body className={cn(inter.variable, geistMono.variable)}>
         <ThemeProvider
           attribute="class"
           defaultTheme="system"
diff --git a/site/src/app/styles.css b/site/src/app/styles.css
@@ -66,7 +66,7 @@
 
   --font-sans: var(--font-inter), sans-serif;
   --font-sans-feature-settings: "liga" 1, "calt" 1;
-  --font-mono: var(--font-jetbrains-mono), monospace;
+  --font-mono: var(--font-geist-mono), monospace;
 
   --text-base: var(--text-base);
   --text-sm: var(--text-sm);
diff --git a/site/src/components/ui/code-block.tsx b/site/src/components/ui/code-block.tsx
@@ -66,8 +66,8 @@ export async function CodeBlock({
       />
       <div
         className={cn(
-          "scrollbar-track-[transparent] scrollbar-thumb-secondary-foreground/30 flex flex-1 overflow-auto font-mono text-secondary-foreground text-sm",
-          "**:[code:has(.line:only-child)]:h-full **:[code:has(.line:only-child)]:pt-3.25 **:[code:has(.line:only-child)]:pb-3 **:[code]:table **:[code]:py-3.5 **:[pre,code,.line]:w-full **:[pre,span]:text-(--shiki-light) dark:**:[pre,span]:text-(--shiki-dark) **:[pre]:cursor-text **:[pre]:outline-none",
+          "scrollbar-track-[transparent] scrollbar-thumb-secondary-foreground/30 flex flex-1 overflow-auto text-secondary-foreground text-sm",
+          "**:[code:has(.line:only-child)]:h-full **:[code:has(.line:only-child)]:pt-3.25 **:[code:has(.line:only-child)]:pb-3 **:[code]:table **:[code]:py-3.5 **:[pre,code,.line]:w-full **:[pre,code]:font-mono **:[pre,span]:text-(--shiki-light) dark:**:[pre,span]:text-(--shiki-dark) **:[pre]:cursor-text **:[pre]:outline-none",
           "**:[.line:empty]:before:content-['_'] **:[.line]:table-row **:[.line_:first-child]:ml-4 **:[.line_:last-child]:mr-12 lg:**:[.line_:last-child]:mr-4",
           "**:[.line.highlighted]:bg-secondary/60 dark:**:[.line.highlighted]:bg-secondary/80",
           "**:[.line.diff.add]:bg-lime-500/15 dark:**:[.line.diff.add]:bg-lime-400/10",
