从请求阻塞到页面秒开：字体子集化的实用策略

WOFF2 的压缩率通常比 WOFF 高30%~50%

设计系统、模板项目 资源提示（Resource Hints） 使用 preconnect 提前与字体CDN建立⭐连接，缩短DNS、TCP握手时间

从请求阻塞到页面秒开：字体子集化的实用策略

本文聚焦“字体子集化”这项技术，并结合其他减少阻塞的有效手段，整理出最实用的提速策略

常见工具有 Fontmin （适用于TTF/OTF）、 glyphhanger 等

单一技术很难解决所有阻塞问题，以下策略与字体子集化结合使用效果更佳： 策略 说明 适用场景 使用 font-display: swap 告诉浏览器在字体加载完成前先使用回退字体渲染文本，字体下载后立🔥即替换，彻底消除不可见文本（FOIT）的阻塞

从请求阻塞到页面秒开：字体子集化的实用策略

跨域加载字体📢（如使用Google Fonts、🎆其他CDN） 实战建议：如何排优先级

常见误区提醒 📢误💫区一： 子集化后字体文件很小，就不再需要 font-display: swap

从请求阻塞到页面秒开：字体子集化的实用策略

尤其是当网站使用自定义🌈字体时，浏览器必须完整下载字体文件后才能渲染文字，这一🎉过程将显著拖慢首屏呈现速度