字体自托管与加载性能优化
站点字体改为构建时自动子集化并从本站加载,在保持中文标题风格的同时,降低首屏字体开销和第三方服务依赖。
完成内容
- 字体分层:中文正文继续使用系统字体;Inter 负责拉丁字符与数字,Noto Serif SC 只用于标题和引文。
- 标题字重:拆分 Text
400–600与 Display700两套字体,避免浏览器下载未使用字重。 - 按需子集化:组件收集展示字符,Markdown 只提取 frontmatter、标题和引文,减少无效中文字形。
- 分块修复:修正 Fontsource
unicode-range解析和输出范围,避免缺失字形被静默回退。 - 首屏优化:首页实际字体传输量由约 803 KB 降至 369 KB,并预加载稳定出现的站点品牌字形分块。
- 构建保障:新增字体解析、字符范围和 Markdown 提取测试;桌面端、390 px 移动端及生产构建均完成验证。