Skip to content

Switch body font to Geist Pixel Square#135

Open
julianbenegas wants to merge 1 commit intomainfrom
forums/geist-pixel-100a5
Open

Switch body font to Geist Pixel Square#135
julianbenegas wants to merge 1 commit intomainfrom
forums/geist-pixel-100a5

Conversation

@julianbenegas
Copy link
Member

Tries out the new Geist Pixel font family! 🎮

Changes

  • Upgrade geist from ^1.5.1^1.7.0 (adds pixel font support)
  • Import GeistPixelSquare from geist/font/pixel in layout.tsx
  • Add CSS variable GeistPixelSquare.variable to <body> className
  • Switch body font from --font-geist-mono to --font-geist-pixel-square
  • Add Tailwind token --font-pixel mapped to --font-geist-pixel-square (use with font-pixel utility class)

The existing font-sans and font-mono tokens remain available for any elements that need them. OG image routes continue using Geist Mono TTF files as before.

Ref: https://vercel.com/blog/introducing-geist-pixel

- 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
@vercel
Copy link
Contributor

vercel bot commented Feb 7, 2026

The latest updates on your projects. Learn more about Vercel for GitHub.

Project Deployment Actions Updated (UTC)
forums Ready Ready Preview, Comment Feb 7, 2026 8:38pm

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment

Labels

None yet

Projects

None yet

Development

Successfully merging this pull request may close these issues.

1 participant