From c7086f340805b8edb9e82de5556c80f5553a59cc Mon Sep 17 00:00:00 2001 From: gahusb Date: Thu, 16 Apr 2026 04:07:17 +0900 Subject: [PATCH] =?UTF-8?q?style:=20Bagel=20Fat=20One=20=EB=94=94=EC=8A=A4?= =?UTF-8?q?=ED=94=8C=EB=A0=88=EC=9D=B4=20=ED=8F=B0=ED=8A=B8=20=EB=8F=84?= =?UTF-8?q?=EC=9E=85?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - next/font/google로 Bagel_Fat_One (weight 400) 로드 - --font-kx-hero 변수로 주입, .kx-display가 우선 적용 - 한글은 Bagel Fat One(latin-only) → Space Grotesk/CookieRun 자연 폴백 --- app/globals.css | 4 ++-- app/layout.tsx | 5 +++-- 2 files changed, 5 insertions(+), 4 deletions(-) diff --git a/app/globals.css b/app/globals.css index f10d5fe..2c6d81f 100644 --- a/app/globals.css +++ b/app/globals.css @@ -108,8 +108,8 @@ body { color: var(--kx-on-variant); } .kx-display { - font-family: 'Space Grotesk', 'CookieRun', system-ui, sans-serif; - letter-spacing: -0.02em; + font-family: var(--font-kx-hero), 'Bagel Fat One', 'Space Grotesk', 'CookieRun', system-ui, sans-serif; + letter-spacing: -0.01em; color: var(--kx-on-surface); } .kx-label { diff --git a/app/layout.tsx b/app/layout.tsx index f7f11fe..0c371d1 100644 --- a/app/layout.tsx +++ b/app/layout.tsx @@ -1,12 +1,13 @@ import type { Metadata } from "next"; import Script from "next/script"; -import { Space_Grotesk, Inter, Manrope } from "next/font/google"; +import { Space_Grotesk, Inter, Manrope, Bagel_Fat_One } from "next/font/google"; import "./globals.css"; import DashboardShell from "./components/DashboardShell"; const spaceGrotesk = Space_Grotesk({ subsets: ["latin"], variable: "--font-kx-display", display: "swap" }); const inter = Inter({ subsets: ["latin"], variable: "--font-kx-body", display: "swap" }); const manrope = Manrope({ subsets: ["latin"], variable: "--font-kx-label", display: "swap" }); +const bagel = Bagel_Fat_One({ weight: "400", subsets: ["latin"], variable: "--font-kx-hero", display: "swap" }); export const metadata: Metadata = { title: { @@ -103,7 +104,7 @@ export default function RootLayout({ children: React.ReactNode; }) { return ( - +