From 5d834152acd58441dc2b260660b5f27d39c87d5a Mon Sep 17 00:00:00 2001 From: Julian Benegas Date: Sat, 7 Feb 2026 20:36:34 +0000 Subject: [PATCH] Switch body font to Geist Pixel Square - Upgrade geist package from ^1.5.1 to ^1.7.0 (adds pixel font support) - Import GeistPixelSquare from geist/font/pixel in layout.tsx - Add GeistPixelSquare.variable to body className - Switch body font-family from --font-geist-mono to --font-geist-pixel-square - Add --font-pixel Tailwind theme token mapped to --font-geist-pixel-square --- apps/web/app/globals.css | 3 ++- apps/web/app/layout.tsx | 3 ++- apps/web/package.json | 2 +- 3 files changed, 5 insertions(+), 3 deletions(-) diff --git a/apps/web/app/globals.css b/apps/web/app/globals.css index 653d142..9974f3c 100644 --- a/apps/web/app/globals.css +++ b/apps/web/app/globals.css @@ -4,6 +4,7 @@ @theme inline { --font-sans: var(--font-geist-sans); --font-mono: var(--font-geist-mono); + --font-pixel: var(--font-geist-pixel-square); /* --color-base: var(--base); */ --color-background: var(--background); @@ -119,7 +120,7 @@ body { position: relative; background: var(--background); color: var(--foreground); - font-family: var(--font-geist-mono); + font-family: var(--font-geist-pixel-square); letter-spacing: -0.02em; --dash-size: 1px; diff --git a/apps/web/app/layout.tsx b/apps/web/app/layout.tsx index 288923c..d022dad 100644 --- a/apps/web/app/layout.tsx +++ b/apps/web/app/layout.tsx @@ -1,5 +1,6 @@ import { Analytics } from "@vercel/analytics/next" import { GeistMono } from "geist/font/mono" +import { GeistPixelSquare } from "geist/font/pixel" import { GeistSans } from "geist/font/sans" import type { Metadata, Viewport } from "next" import { Footer } from "@/components/footer" @@ -52,7 +53,7 @@ export default function RootLayout({ return (
diff --git a/apps/web/package.json b/apps/web/package.json index ea90bbd..bbb56d7 100644 --- a/apps/web/package.json +++ b/apps/web/package.json @@ -39,7 +39,7 @@ "dataloader": "^2.2.3", "date-fns": "^4.1.0", "drizzle-orm": "^0.45.1", - "geist": "^1.5.1", + "geist": "^1.7.0", "lucide-react": "^0.562.0", "ms": "^2.1.3", "nanoid": "^5.1.6",