xfy/yggdrasil
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix(ui): --font-sans 补齐 CJK sans 字体栈

Browse Source 
Tailwind v4 默认 --font-sans(ui-sans-serif, system-ui, sans-serif)不含中文字体。
后台 AdminLayout 根容器声明 font-sans 后,绕过 body 里精心配置的
'Noto Sans SC'/'PingFang SC'/'Microsoft YaHei' 栈,中文 fallback 到系统衬线体,
导致 /admin/* 页面中文(标题、列表项等)渲染成衬线体。

在 @theme 重定义 --font-sans,对齐 body 字体栈,根治全项目任何 font-sans 用法。
--default-font-family 指向 --font-sans,顺带强化 body 默认字体。
This commit is contained in:
xfy 2026-07-09 23:37:16 +08:00
parent 1584e01425
commit 3baa0a87ba
1 changed files with 4 additions and 0 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

4
input.css
View File

@ -3,6 +3,10 @@
@custom-variant dark (&:where(.dark, .dark *));
@theme {
/* 覆盖 Tailwind v4 默认 --font-sans(ui-sans-serif, system-ui, sans-serif, ...):
默认栈不含 CJK sans,font-sans 类一旦生效,body 的中文字体栈会被绕过,
中文 fallback 到系统衬线体。这里对齐 body 的 CJK sans 栈,根治全项目。 */
--font-sans: -apple-system, BlinkMacSystemFont, 'Segoe UI', system-ui, sans-serif, 'Noto Sans SC', 'PingFang SC', 'Microsoft YaHei';
--font-serif: 'Source Serif 4', 'Noto Serif SC', 'Source Han Serif SC', 'Songti SC', Georgia, serif;
/* Catppuccin Latte（亮色）。语义 token → 调色板角色：