From 23801fd83f25c43ff38978b32cfa59cf8079beae Mon Sep 17 00:00:00 2001 From: Cho Young-Hwi Date: Mon, 23 Mar 2026 11:26:53 +0000 Subject: [PATCH] Fix Inter font not applying to UI elements MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit The --font-ui variable in @theme inline used var(--font-inter) which doesn't resolve at build time — Next.js sets --font-inter on at runtime via a class. Use var(--font-inter) directly in the CSS rule instead of going through the @theme variable. Co-Authored-By: Claude Opus 4.6 (1M context) --- src/app/globals.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/src/app/globals.css b/src/app/globals.css index 7c5d6703..4be1df17 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -49,7 +49,7 @@ h1, h2, h3, h4, h5, h6 { /* UI elements: sans-serif (Inter) for navigation, controls, labels */ nav, footer, button, input, select, textarea, label, .font-ui { - font-family: var(--font-ui); + font-family: var(--font-inter), "Inter", system-ui, -apple-system, sans-serif; } /* Monospace elements: addresses, code blocks, contract data */