专题
中文字体
可变字体、分片加载与排版细节
5 篇文章4 款软件
中文字库动辄十几兆。把可变字体、分片加载与回退栈放在一起看,首屏字体体积能降一个量级。
文章5 篇
- 文章 · 性能优化
用 unicode-range 给中文可变字体做按需加载
中文字库动辄十几兆,整包引入会拖垮首屏。把思源黑体切成上百个分片,按页面实际用字加载。
- 文章 · 性能优化
把字体分包做成一条流水线
从扫描源码用字到产出分片与 CSS 全部交给脚本,新增页面不再需要手动处理。
- 笔记 · 前端工程
中文字体排版的 12 个细节
字重、行高、字距、标点挤压——那些让中文看起来舒服的小事。
- 笔记 · 排版
中文字体回退栈的实战排序
苹方、微软雅黑、思源黑体怎么排?顺序不同,同一份 CSS 在两端能差出半个字宽。
- 文章 · 性能优化
自托管字体到底值不值得
对比 CDN 与自托管在首屏、隐私、离线三个维度的真实表现。