From 02b1b713a5baf6da9290a13defec676b47a8b6d4 Mon Sep 17 00:00:00 2001 From: chenhang Date: Tue, 16 Jun 2026 15:30:23 +0800 Subject: [PATCH] style(splash): set Athelas as primary font and italicize button text - Prioritize Athelas in --font-system font stack with system fonts as fallback - Apply italic style to splash button heading and label for typography emphasis --- src/app/splash/components/splash-button.module.css | 2 ++ src/tokens/typography.css | 8 ++++++-- 2 files changed, 8 insertions(+), 2 deletions(-) diff --git a/src/app/splash/components/splash-button.module.css b/src/app/splash/components/splash-button.module.css index 34bce9af..a1b4ca30 100644 --- a/src/app/splash/components/splash-button.module.css +++ b/src/app/splash/components/splash-button.module.css @@ -12,6 +12,7 @@ font-family: var(--font-athelas); font-size: var(--font-size-xxl); font-weight: 700; + font-style: italic; color: #ffffff; background: transparent; border: 0; @@ -43,6 +44,7 @@ color: #ffffff; font-weight: 700; cursor: pointer; + font-style: italic; display: inline-flex; align-items: center; justify-content: center; diff --git a/src/tokens/typography.css b/src/tokens/typography.css index 320c436f..40352ca3 100644 --- a/src/tokens/typography.css +++ b/src/tokens/typography.css @@ -7,8 +7,12 @@ */ @theme { /* 字体族 */ - --font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", - Roboto, "Helvetica Neue", Arial, sans-serif; + /* + * --font-system 优先用 Athelas（Apple 平台专用字体 — next/font/local，所有平台都能加载）。 + * 不支持的字符自动回退到 system-ui 等系统字体（浏览器 font fallback 机制）。 + */ + --font-system: var(--font-athelas), system-ui, -apple-system, + BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif; --font-athelas: "Athelas", serif; /* Tailwind 默认字体别名：font-sans → font-system */