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-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;
|
||||||
|
|||||||
@@ -7,8 +7,12 @@
|
|||||||
*/
|
*/
|
||||||
@theme {
|
@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;
|
--font-athelas: "Athelas", serif;
|
||||||
|
|
||||||
/* Tailwind 默认字体别名:font-sans → font-system */
|
/* Tailwind 默认字体别名:font-sans → font-system */
|
||||||
|
|||||||
Reference in New Issue
Block a user