  wait4xandGLM-5.3
|
aaa9cd9274
|
feat(typography): 全站三层排版——富文本/页面级覆盖/艺术字体类
- 层 1 所有页面文案改富文本：site-content 新增 renderRich(md,{inline})
复用既有全管线（raw→内容净化→class 白名单→链接卡片）；接入
home.tagline/subtitle、opensource.blurb、about.intro、blocks prose；
新增 .rich 容器作用域并与 .prose-body 合并（77 处选择器覆盖四类容器）
坑：renderRich 输出 <p> 塞进 <p class="tagline"> 会被浏览器拆散 →
行内场景用 {inline:true} 剥外层 <p>
- 层 2 页面级排版覆盖：三单例加 typography{font?,accent?,scale?}，读取器
pageTypography() 走白名单（10 字族 / 18 色类，scale 夹 0.8–1.25，清单外
忽略）；页面容器挂 .page-typo + CSS 变量 --page-font/--page-accent/
--page-scale，不动全站 tokens；后台三页加「页面排版覆盖」下拉
- 层 3 艺术字体：新增 font-art-kuaile（快乐体专用类，字距微调），白名单与
可视化面板同步；站酷高端黑/阿里妈妈东方大楷/演示悠然小楷因无 npm 包或
嵌入条款风险进候补清单
- 默认值清理：about.yaml 的 typography 测试值（整页汇文）清为注释示例——
整页换字族会带来 694KB 字体成本，默认留空=全站默认排版
验证: 构建 48 页 exit 0；E2E 37/37；三页 page-typo 挂载与变量实测、四页
（图库/书架/文章/装备）隔离为 0、font-art-kuaile 生效、about 清空后
无覆盖
Spec: none (排版三层，先于 5g 的任务；T3/T4 另行交付)
Co-authored-by: GLM-5.3
|
2026-11-02 18:40:32 +08:00 |
|
|
wait4xandGLM-5.3
|
26bbb66a72
|
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
|
2026-11-02 17:14:12 +08:00 |
|