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-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;
+6 -2
View File
@@ -7,8 +7,12 @@
*/
@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;
/* Tailwind 默认字体别名:font-sans → font-system */