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:
@@ -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;
|
||||
|
||||
@@ -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 */
|
||||
|
||||
Reference in New Issue
Block a user