feat(ui): add Geist fonts

thebeyondr · thebeyondr · commit 2a5ddd64e473 · 2025-09-24T12:19:39.000-05:00
diff --git a/apps/ui/src/app/globals.css b/apps/ui/src/app/globals.css
@@ -8,6 +8,7 @@
 body {
 	@apply m-0;
 	font-family:
+		var(--font-geist),
 		-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",
 		"Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;
 	-webkit-font-smoothing: antialiased;
@@ -16,7 +17,7 @@ body {
 
 code {
 	font-family:
-		source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
+		var(--font-geist-mono), source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;
 }
 
 :root {
@@ -133,6 +134,7 @@ code {
 	* {
 		@apply border-border outline-ring/50;
 	}
+
 	body {
 		@apply bg-background text-foreground;
 	}
@@ -141,6 +143,7 @@ code {
 		from {
 			height: 0;
 		}
+
 		to {
 			height: var(--radix-accordion-content-height);
 		}
@@ -150,6 +153,7 @@ code {
 		from {
 			height: var(--radix-accordion-content-height);
 		}
+
 		to {
 			height: 0;
 		}
@@ -162,4 +166,4 @@ code {
 
 @utility animate-accordion-up {
 	animation: accordion-up 0.2s ease-out;
-}
+}
diff --git a/apps/ui/src/app/layout.tsx b/apps/ui/src/app/layout.tsx
@@ -1,12 +1,25 @@
-// eslint-disable-next-line import/order
-import "./globals.css";
+import { Geist, Geist_Mono } from "next/font/google";
 
 import { Providers } from "@/components/providers";
 import { getConfig } from "@/lib/config-server";
 
+import "./globals.css";
+
 import type { Metadata } from "next";
 import type { ReactNode } from "react";
 
+const geistMono = Geist_Mono({
+	subsets: ["latin"],
+	weight: ["400", "500", "600", "700"],
+	variable: "--font-geist-mono",
+});
+
+const geist = Geist({
+	subsets: ["latin"],
+	weight: ["400", "500", "600", "700"],
+	variable: "--font-geist",
+});
+
 export const dynamic = "force-dynamic";
 
 export const metadata: Metadata = {
@@ -39,7 +52,9 @@ export default function RootLayout({ children }: { children: ReactNode }) {
 
 	return (
 		<html lang="en" suppressHydrationWarning>
-			<body className="min-h-screen font-sans antialiased">
+			<body
+				className={`min-h-screen font-sans antialiased ${geist.className} ${geistMono.variable}`}
+			>
 				<Providers config={config}>{children}</Providers>
 			</body>
 		</html>

Original file line number	Diff line number	Diff line change
`@@ -8,6 +8,7 @@`
`8`	`8`	`body {`
`9`	`9`	`@apply m-0;`
`10`	`10`	`font-family:`
	`11`	`+ var(--font-geist),`
`11`	`12`	`-apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", "Oxygen", "Ubuntu",`
`12`	`13`	`"Cantarell", "Fira Sans", "Droid Sans", "Helvetica Neue", sans-serif;`
`13`	`14`	`-webkit-font-smoothing: antialiased;`
`@@ -16,7 +17,7 @@ body {`
`16`	`17`
`17`	`18`	`code {`
`18`	`19`	`font-family:`
`19`		`- source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;`
	`20`	`+ var(--font-geist-mono), source-code-pro, Menlo, Monaco, Consolas, "Courier New", monospace;`
`20`	`21`	`}`
`21`	`22`
`22`	`23`	`:root {`
`@@ -133,6 +134,7 @@ code {`
`133`	`134`	`* {`
`134`	`135`	`@apply border-border outline-ring/50;`
`135`	`136`	`}`
	`137`	`+`
`136`	`138`	`body {`
`137`	`139`	`@apply bg-background text-foreground;`
`138`	`140`	`}`
`@@ -141,6 +143,7 @@ code {`
`141`	`143`	`from {`
`142`	`144`	`height: 0;`
`143`	`145`	`}`
	`146`	`+`
`144`	`147`	`to {`
`145`	`148`	`height: var(--radix-accordion-content-height);`
`146`	`149`	`}`
`@@ -150,6 +153,7 @@ code {`
`150`	`153`	`from {`
`151`	`154`	`height: var(--radix-accordion-content-height);`
`152`	`155`	`}`
	`156`	`+`
`153`	`157`	`to {`
`154`	`158`	`height: 0;`
`155`	`159`	`}`
`@@ -162,4 +166,4 @@ code {`
`162`	`166`
`163`	`167`	`@utility animate-accordion-up {`
`164`	`168`	`animation: accordion-up 0.2s ease-out;`
`165`		`-}`
	`169`	`+}`