  wait4xandGLM-5.3
|
9df86cb05b
|
feat(fonts): 新增六款自托管字族（体积闸门内）（5i T9）
用户拍板「字族扩展都补」。六款按三类各两款落地，全部单页增量 ≤150KB：
小薇（文学·宋体气质）、新晰黑（文学·现代黑）、得意黑（标题）、庆科黄油（标题·圆润）、
马善政毛笔与柳建毛草（书法），许可证均 OFL。
关键取舍：@fontsource 官方中文切片粒度太粗（每片约 33 字、单片 40KB+），一句话命中
7 片即 308–442KB/页，四款全部超闸门；即便用 subset-fonts.py 按站内用字重裁仍剩
205–346KB（笔画类字族单片就 50KB）。故改为从 google/fonts 取原始 TTF，按**字频序
细切**（约 19 字/片、单片 2–12KB），每族 99–100 片、族总量 0.5–1.2MB，浏览器只拉
命中的片。四个 @fontsource 依赖随之移除，package.json 净零变更。
实测单页增量（一句话场景）：xiaowei 44.9KB / huangyou 27.1KB / mashanzheng 45.7KB /
liujianmaocao 30.0KB / smiley 27.1KB / neoxihei 30.0KB——全部 PASS；
六族同页共 105KB。
接线（一处漏就静默失效，踩过两次）：
- rehype-class-whitelist 放行新类（不放行则 span 的 class 被整条剥掉，页面有字没脸）
- site-content 的 ALLOWED_PAGE_FONTS 与后台排版下拉同源补齐（三处下拉 + hint）
- font-needs 扩六个 key，保证「内容用到才加载」的按需契约继续成立
- global.css 六组规则含 .mom-text 作用域（5h 补的瞬间作用域不能漏）
- typography-classes.js（后台可视化面板单一事实源）35→42 项
- subset-fonts.py 新增 --split-ttf / --slices / --order-from（hwmc 的 --css 用法未动）
覆盖边界（已在 docs 与后台 hint 写明）：切片只含站内用字（约 1900 字），
新写生僻字会回落系统字族，需按 docs 命令重切。
验证: 构建 50 页 exit 0；content-lint 51 页 0/0/0；config-check 211 字段/66 hint；
六类逐项 getComputedStyle 首项 = ZCOOL XiaoWei / ZCOOL QingKe HuangYou /
Ma Shan Zheng / Liu Jian Mao Cao / Smiley Sans / LXGW Neo XiHei（6/6）；
六族全部出现在 document.fonts；首页字体请求数保持 17（零回归）
Spec: 2026-11-02_blog-5i-fonts-polish (T9)
Co-authored-by: GLM-5.3
|
2026-11-03 12:35:20 +08:00 |
|
|
wait4xandGLM-5.3
|
59eda420b3
|
perf(fonts): 字体子集化工具 + 汇文明朝单页 -40%（694KB→420KB）
- 新增 scripts/build-perf/subset-fonts.py：读字体 CSS 的 @font-face
（unicode-range）→ 扫内容收集实际用字 → 逐片交集裁切（pyftsubset
--flavor=woff2）→ 空片丢弃、重写 src 只留自产 woff2；支持
--chars-from/--chars-mode(all|headings)/--min-bytes/--merge
- 实测口径修正后结论（关键）：汇文明朝原 694KB/页 → 子集 420KB/页
（-40%，真收益，已接入）；站酷快乐体 163KB → 177KB（+9%，字跨片
分散致片数增加，**不启用**，保留原 @fontsource 源）
- merge 模式（合并单文件）标记实验性：fontTools.merge 对 CJK 切片字表
冲突敏感，实测产出异常，生产不用
- 三处实现坑入档：①hast 与 @fontsource CSS 一个 face 常带多格式
（woff2+woff），只替换首个 url 会残留失效引用（首版缺 58 个 .woff）
→ 改整段替换 src；②无 unicode-range 的 face 需按全范围处理，否则
原样保留同样残留引用；③裸跑 pyftsubset 需 fonttools+brotli
验证: pnpm astro build 48 页 exit 0；E2E 37/37；playwright 实测汇文
694KB→420KB 且字体栈生效（WF-Hwmc 命中）
Spec: 2026-11-02_blog-5g-pages (T7)
Co-authored-by: GLM-5.3
|
2026-11-02 18:13:47 +08:00 |
|
|
wait4xandGLM-5.3
|
3822e150a8
|
feat(typography): 首批 6 字族落地（新增汇文明朝/站酷快乐）+ 13 款候补清单
- 新增两款自托管字族：font-huiwen（汇文明朝体，文风开源 cn-font-split
339 片切片包，用到页 +535KB、按需拉取实测 19/339 片）｜font-kuaile
（站酷快乐体 +163KB）——补齐「宋明气质」与「轻松标题」两个字体缺口
- 首批 6 族全部 OFL-1.1 且允许 web 嵌入；未用字体的页面增量恒 +0.0KB
（按页子集化生效）
- 候补 13 款逐款标注「许可证 + web 嵌入」：HarmonyOS Sans/MiSans/OPPO
Sans/阿里普惠体（免费商用 + 明确允许嵌入，但 npm 无包/整包过大）、
得意黑/更纱/站酷高端黑/花园明朝（OFL 但无可用 npm 分发）、霞鹜文楷
Light（+8605KB 否决）、演示悠然小楷（"个人免费"常禁 @font-face，风险）
- docs 写入「加字四步流程」（核双授权 → 装包或放 public/fonts → 加类+
白名单+面板项 → 跑体积账）
- 可视化面板 35 项（10 字族 + 25 颜色）；白名单放行 10 字族类
- 资产：public/fonts/hwmc（339 woff2 13MB + fonts.css 162KB）入仓
车道：op-artalk；收编复验：构建 48 页、E2E 37/37、两款新字体 computed
与切片按需加载实测（hwmc/27、52 等 20 个请求）
验证: pnpm astro build 48 页 exit 0；E2E 37/37；playwright 新字体 computed
+ 字体请求观测
Spec: none (字体扩展，车道级交付)
Co-authored-by: GLM-5.3
|
2026-11-02 17:47:13 +08:00 |
|