原文摘要

通过使用 WOFF2、CSS unicode-range 子集化、增量字体传输（IFT）以及 Google Fonts 按需加载等技术手段，可以显著优化网页字体加载性能，降低字体体积，加快首屏渲染速度。

原文链接

进一步信息揣测

• WOFF2的隐藏优势：虽然文章提到WOFF2相比TTF/OTF压缩率提升40%-60%，但实际项目中，某些复杂字体的压缩率可能更高（尤其是中文等非拉丁语系字体），但需要额外配置压缩参数，这部分经验通常不会在公开文档中详细说明。
• unicode-range的陷阱：使用CSS unicode-range子集化时，浏览器可能因字符覆盖不全导致回退字体闪烁（尤其是动态内容），需手动预加载关键字符范围，这一细节常被忽略。
• Google Fonts的隐性成本：按需加载虽快，但会触发Google的隐私追踪（如IP记录），部分严格合规项目需自建CDN或改用开源字体库，业内常通过私有化部署解决。
• 增量传输(IFT)的兼容性问题：尽管IFT能提升首屏速度，但部分旧版Android WebView会因分片加载导致字体渲染错乱，需降级为完整加载，此问题多出现在Hybrid App开发中。
• 字体优化的商业工具内幕：专业团队会使用付费工具（如Font Squirrel的高级子集化）或自定义脚本剔除冗余字形，但这类工具的操作细节（如保留生僻字的阈值设置）通常需付费咨询。
• 性能与版权的平衡：中文字体子集化可能违反厂商授权协议（如仅允许完整字体使用），业内常通过“动态按需授权”规避，但极少公开讨论。
• WOFF2的压缩黑科技：部分团队会结合Brotli二次压缩WOFF2（非标准做法），体积可再降15%-20%，但可能影响某些浏览器的解析效率。