Web字体优化:子集化、预加载与font-display概览字体资源常是首屏瓶颈。子集化与预加载、合理的显示策略能显著改善文本可见性与加载时序。技术参数(已验证)子集化:仅保留用到的字形,格式优先 WOFF2,显著降低体积。预加载:`<link rel="preload" as="font" crossorigin>` 提升首屏命中率。显示策略:`font-display: swap/optional` 控制 FOUT/FOIT 行为,提升可读性。实战清单为关键字体子集化并预加载;为次要字体延迟加载。选择适当的 `font-display`,平衡闪烁与一致性。

发表评论 取消回复