Add geist

giselles-ai · Feb 26, 2025 · 560b614 · 560b614
1 parent 8239d99
commit 560b614
Show file tree

Hide file tree

Showing 3 changed files with 11 additions and 3 deletions.
diff --git a/apps/studio.giselles.ai/app/layout.tsx b/apps/studio.giselles.ai/app/layout.tsx
@@ -4,7 +4,7 @@ import { ThemeProvider } from "@/components/theme-provider";
 import { GoogleTagManager } from "@next/third-parties/google";
 import { SpeedInsights } from "@vercel/speed-insights/next";
 import { Suspense } from "react";
-import { hubotSans, rosart } from "./fonts";
+import { geist, hubotSans, rosart } from "./fonts";
 import { PostHogPageView } from "./posthog-page-view";
 import { PHProvider } from "./providers";
 
@@ -41,7 +41,9 @@ export default function RootLayout({
 		<html lang="en" suppressHydrationWarning>
 			<GoogleTagManager gtmId={process.env.GTM_ID ?? ""} />
 			<PHProvider>
-				<body className={`${rosart.variable} ${hubotSans.variable} font-sans`}>
+				<body
+					className={`${rosart.variable} ${hubotSans.variable} ${geist.variable} font-sans`}
+				>
 					<ThemeProvider
 						attribute="class"
 						defaultTheme="dark"

diff --git a/apps/studio.giselles.ai/tailwind.config.ts b/apps/studio.giselles.ai/tailwind.config.ts
@@ -28,6 +28,7 @@ const config = {
 				rosart: ["var(--font-rosart)", "Times New Roman", "serif"],
 				avenir: ["Avenir", "Arial", "sans-serif"],
 				hubotSans: ["var(--font-hubot-sans)", "Arial", "sans-serif"],
+				geist: ["var(--font-geist)", "Arial", "sans-serif"],
 			},
 			colors: {
 				border: "hsl(var(--border))",

diff --git a/apps/studio.giselles.ai/vendor/fonts/alternative.ts b/apps/studio.giselles.ai/vendor/fonts/alternative.ts
@@ -1,4 +1,4 @@
-import { Hubot_Sans, Roboto_Serif } from "next/font/google";
+import { Geist, Hubot_Sans, Roboto_Serif } from "next/font/google";
 /**
  * Since the Rosart font is a proprietary font, use an alternative font during OSS development.
  */
@@ -11,3 +11,8 @@ export const hubotSans = Hubot_Sans({
 	variable: "--font-hubot-sans",
 	subsets: ["latin"],
 });
+
+export const geist = Geist({
+	variable: "--font-geist",
+	subsets: ["latin"],
+});