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
This commit is contained in:
2026-06-16 15:30:23 +08:00
parent dcb6312fa3
commit 02b1b713a5
2 changed files with 8 additions and 2 deletions
@@ -12,6 +12,7 @@
font-family: var(--font-athelas); font-family: var(--font-athelas);
font-size: var(--font-size-xxl); font-size: var(--font-size-xxl);
font-weight: 700; font-weight: 700;
font-style: italic;
color: #ffffff; color: #ffffff;
background: transparent; background: transparent;
border: 0; border: 0;
@@ -43,6 +44,7 @@
color: #ffffff; color: #ffffff;
font-weight: 700; font-weight: 700;
cursor: pointer; cursor: pointer;
font-style: italic;
display: inline-flex; display: inline-flex;
align-items: center; align-items: center;
justify-content: center; justify-content: center;
+6 -2
View File
@@ -7,8 +7,12 @@
*/ */
@theme { @theme {
/* 字体族 */ /* 字体族 */
--font-system: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", /*
Roboto, "Helvetica Neue", Arial, sans-serif; * --font-system 优先用 AthelasApple 平台专用字体 — 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; --font-athelas: "Athelas", serif;
/* Tailwind 默认字体别名:font-sans → font-system */ /* Tailwind 默认字体别名:font-sans → font-system */