From d67926ed9bfb72c0e9f856420ccb1a3d387b0d2f Mon Sep 17 00:00:00 2001
From: Jude Gao <jude.gao@vercel.com>
Date: Wed, 19 Feb 2025 14:52:37 -0500
Subject: [PATCH] use unique font name

---
 .../react-dev-overlay/_experimental/font/font-styles.tsx  | 8 ++++----
 .../_experimental/internal/styles/base.tsx                | 6 +++---
 2 files changed, 7 insertions(+), 7 deletions(-)

diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/font/font-styles.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/font/font-styles.tsx
index f1ef0ff930e3a..d295ecc959908 100644
--- a/packages/next/src/client/components/react-dev-overlay/_experimental/font/font-styles.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/_experimental/font/font-styles.tsx
@@ -7,7 +7,7 @@ export const FontStyles = () => {
     style.textContent = css`
       /* latin-ext */
       @font-face {
-        font-family: 'Geist';
+        font-family: '__nextjs-Geist';
         font-style: normal;
         font-weight: 400 600;
         font-display: swap;
@@ -19,7 +19,7 @@ export const FontStyles = () => {
       }
       /* latin-ext */
       @font-face {
-        font-family: 'Geist Mono';
+        font-family: '__nextjs-Geist Mono';
         font-style: normal;
         font-weight: 400 600;
         font-display: swap;
@@ -31,7 +31,7 @@ export const FontStyles = () => {
       }
       /* latin */
       @font-face {
-        font-family: 'Geist';
+        font-family: '__nextjs-Geist';
         font-style: normal;
         font-weight: 400 600;
         font-display: swap;
@@ -42,7 +42,7 @@ export const FontStyles = () => {
       }
       /* latin */
       @font-face {
-        font-family: 'Geist Mono';
+        font-family: '__nextjs-Geist Mono';
         font-style: normal;
         font-weight: 400 600;
         font-display: swap;
diff --git a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/styles/base.tsx b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/styles/base.tsx
index b9c0ccff16a2b..88b1ace1f40fd 100644
--- a/packages/next/src/client/components/react-dev-overlay/_experimental/internal/styles/base.tsx
+++ b/packages/next/src/client/components/react-dev-overlay/_experimental/internal/styles/base.tsx
@@ -46,9 +46,9 @@ export function Base() {
           --color-text-color-red-1: #ff5555;
           --color-text-background-red-1: #fff9f9;
 
-          --font-stack-monospace: 'Geist Mono', 'SFMono-Regular', Consolas,
-            'Liberation Mono', Menlo, Courier, monospace;
-          --font-stack-sans: 'Geist', -apple-system, 'Source Sans Pro',
+          --font-stack-monospace: '__nextjs-Geist Mono', 'SFMono-Regular',
+            Consolas, 'Liberation Mono', Menlo, Courier, monospace;
+          --font-stack-sans: '__nextjs-Geist', -apple-system, 'Source Sans Pro',
             sans-serif;
 
           font-family: var(--font-stack-sans);