update fonts to Geist

[AndyMBridges]

Description

• Swap font from Euclid to Geist

---

Note

Low Risk
Low functional risk, but this changes global typography and font assets, which may cause visual/layout regressions if the new Geist files aren’t available or render differently across browsers.

Overview
Swaps the site’s primary sans-serif font from Euclid to Geist by updating global font-family defaults and theme variables used by Infima and shared typography helpers.

Replaces the @font-face definitions to load Geist woff2 files (including weights and italic) and updates component-specific styling (e.g., ParserOpenRPC and the announcement bar) to reference the new --font-mm-geist variable.

^{Written by Cursor Bugbot for commit 9153ace. This will update automatically on new commits. Configure here.}

[vercel]

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

Project	Deployment	Actions	Updated (UTC)
metamask-docs	Ready	Preview, Comment	Mar 8, 2026 11:14pm

[Copilot]

Pull Request Overview

This PR updates the font family from "Euclid Circular B" to "Geist" across the application's styling system. The change includes updating font-face declarations to use the new Geist font files in WOFF2 format and updating all CSS variable references throughout the codebase.

• Updates @font-face declarations to load Geist font variants instead of Euclid Circular B
• Replaces CSS variable name from --font-mm-euclid to --font-mm-geist
• Updates all font-family references across SCSS files to use the new Geist font

Reviewed Changes

Copilot reviewed 5 out of 15 changed files in this pull request and generated 2 comments.

Show a summary per file

File	Description
src/scss/theme/_fonts.scss	Updates @font-face declarations to load Geist font files instead of Euclid Circular B
src/scss/custom.scss	Updates CSS variable definition and references from euclid to geist
src/scss/commons/_typescale.scss	Updates font-primary class to use new geist variable
src/scss/app.scss	Updates base HTML font-family to use geist variable
src/components/ParserOpenRPC/global.module.scss	Updates component-specific font-family-sans variable to use Geist

[georgewrmarshall]

LGTM! Nice work @AndyMBridges 💯

• Checked Geist fonts loaded correctly in browser ✅
• Checked for no remaining instances of Euclid in codebase ✅

[alexandratran]

I'm noticing that:

• The monospace font we use for inline code-formatted text doesn't match/feel cohesive with this new theme font.
• The monospace font used for inline code-formatted text differs greatly from the monospace font used in code blocks.

Is there a matching monospace font that would fit better with Geist? Also, would it be ok to choose a single monospace font for inline code-formatted text and code samples? This would be more cohesive – see Google dev docs, for example.

[m4sterbunny]

lgtm