中文网页字体动辄好几 MB，怎么让它加载得快一些？

英文字体几百个字形就够用，中文常用字就有几千个，完整的中文字体文件动辄几 MB 到十几 MB，直接引用首屏肯定受不了。核心办法是只加载用得到的字：内容固定的页面做字体子集化，只保留页面里出现的字；内容不固定的按 unicode-range 切成很多小片，浏览器只下载包含当前文字的那几片。再配合 woff2 格式和 font-display: swap，字体没到之前先用系统字体显示。

速记要点

• 能用系统字体就别引中文网络字体
• 子集化：只保留页面用到的字
• unicode-range 分片：按需下载用到的片段
• 格式用 woff2，体积最小
• font-display: swap 避免文字长时间不可