feat(typography): 16 类语义色板(8 色相×2 档)+ 字体回退升级 + 面板 v2
- 颜色:c-{blue,teal,green,yellow,orange,red,pink,purple} × {标准,soft}
共 16 类;tokens 明暗各一套值,32 项浏览器实测对比度 4.50–11.73(零失败);
黄色压到 #7a5900(原色白底仅 ~1.8:1)、黄/粉 soft 压深留余量
- 使用纪律入档:彩色只作用于正文强调,站点外壳(导航/页脚/按钮/背景/边框)
保持灰阶,单页彩色强调建议 ≤3 处
- 字体:3/4 回退类升级为「自托管优先 + 系统兜底」(font-song→Noto Serif SC、
font-kai-sys→霞鹜文楷、font-hei-sys→Noto Sans SC,+0.0KB 跨设备一致);
仿宋无 OFL 自托管包(fandol/朱雀仿宋均无版本)→ 纯系统回退,缺口待决策
- webfont 候选全部按体积账否决并留档:霞鹜文楷 Light 用到页 +8605KB、站酷小薇
+648KB、得意黑/更纱/汇文无可用 npm 包;根因=@fontsource CJK 切片粒度
- 可视化面板 v2:33 项(8 字族 + 25 颜色),颜色项带 16px 色块预览、字体项带
示例字形「秋海」并标注自托管/优先/系统;桩 CMS 7 项验证全过
- 白名单放行 25 色类 + 8 字族类;docs 三表(灰阶层级/语义色板含对比度/字体
含许可证与体积账)更新
车道:op-artalk(改口径后重跑,实测表齐全);收编复验:CSS 16 色类定义与
白名单一致、暗态值在 [data-theme="dark"] 段、字体回退类 computed 生效、
构建 48 页、E2E 37/37
验证: pnpm astro build 48 页 exit 0;E2E 37/37;playwright 抽查彩色类与
字体回退 computed
Spec: none (排版色板与字体回退,车道级交付)
Co-authored-by: GLM-5.3
This commit is contained in:
1 parent
2cab243891
commit
26bbb66a72
7 files changed
+110
-44
No files matched your search
@@ -213,11 +213,6 @@ pre code { background: none; border: none; padding: 0; font-size: inherit; }
|
||||
.prose-reading .font-fangsong, .prose-tech .font-fangsong {
|
||||
font-family: FangSong, STFangsong, "FangSong_GB2312", serif;
|
||||
}
|
||||
/* 霞鹜文楷 Light(自托管 @fontsource,OFL-1.1):更轻的金句字重 */
|
||||
.prose-reading .font-kai-light, .prose-tech .font-kai-light {
|
||||
font-family: 'LXGW WenKai', var(--font-kai);
|
||||
font-weight: 300;
|
||||
}
|
||||
/* 文学常用:首字下沉(书评开篇)与金句块(引文式的独立强调段) */
|
||||
.prose-reading p.drop-cap::first-letter, .prose-tech p.drop-cap::first-letter {
|
||||
float: left;
|
||||
|
||||
@@ -32,10 +32,10 @@
|
||||
--c-blue-soft: #4170dd;
|
||||
--c-teal-soft: #0e847a;
|
||||
--c-green-soft: #22853f;
|
||||
--c-yellow-soft: #997000;
|
||||
--c-yellow-soft: #926a00;
|
||||
--c-orange-soft: #ba5900;
|
||||
--c-red-soft: #db3737;
|
||||
--c-pink-soft: #d3368c;
|
||||
--c-pink-soft: #ce3386;
|
||||
--c-purple-soft: #8c5ed1;
|
||||
--line: #e6e7eb; /* 分隔线 */
|
||||
|
||||
|
||||
Reference in new issue
Block a user