24 字体与排版（落霞孤鹜 / 霞鹜文楷）

1. 结论先行

• 你提到的“落霞孤鹜字体”，在开源可用和社区主流语境里，实践上通常落到 lxgw/LxgwWenKai（霞鹜文楷）。
• 许可证为 OFL-1.1（开源、可商用、可再分发，但要遵守 OFL 条款）。
• 文档站可直接接入 TTF；生产优化建议自托管 WOFF2。

2. 当前站点接入方式

当前站点使用 @callmebill/lxgw-wenkai-web 包提供 Web 字体资源：

• 在 docs/.vitepress/theme/index.ts 直接导入：@callmebill/lxgw-wenkai-web/style.css
• 在 docs/.vitepress/theme/custom.css 统一应用 font-family: 'LXGW WenKai'

优点：比远程 TTF 直链更稳定、缓存策略更可控。
缺点：仍需关注首屏字体加载成本，后续可继续做本地子集优化。

3. 推荐生产方案（逐步升级）

阶段 A（已完成）

• 使用开源 Web 字体包快速落地并统一全站字体。

阶段 B（建议本周）

• 对高访问页面做字体子集与预加载策略评估（例如仅预加载常用字重）。
• 在 CI 中增加 Lighthouse 性能基线检查。

阶段 C（建议后续）

• 按页面类型设置字重：正文 400，标题 500/600，代码块维持等宽字体，不跟正文字体混用。

4. 视觉与可读性规范

• 中文正文字号建议 16px 起，行高 1.7 左右。
• 段落宽度控制在 70~82 字符可读区间。
• 强调信息优先用卡片/警示块，不靠过多加粗。

5. 许可证与合规提醒

• 字体属于开源许可资产，仍需在仓库文档注明来源与许可。
• 不要把来源不明的“二次打包字体”直接用于生产站点。

6. 落地检查清单

• [ ] 字体来源可追溯到官方仓库
• [ ] 许可证文件已在文档中引用
• [ ] 字体加载失败时有系统字体回退
• [ ] Lighthouse 不出现显著字体阻塞告警