概述字体是常见的渲染阻塞资源。合理设置显示策略与子集化可兼顾体验与性能，避免 FOIT/FOUT。实践要点（已验证）`font-display`：选择 `swap`/`fallback`/`optional` 视业务需求（来源）子集化：使用 `unicode-range` 与 WOFF2 减少体积；为多语种分包（来源）预加载：为关键字体使用 `preload as="font" crossorigin`
投稿
微信公众账号
微信扫一扫加关注
评论 返回
顶部
概述字体是常见的渲染阻塞资源。合理设置显示策略与子集化可兼顾体验与性能，避免 FOIT/FOUT。实践要点（已验证）`font-display`：选择 `swap`/`fallback`/`optional` 视业务需求（来源）子集化：使用 `unicode-range` 与 WOFF2 减少体积；为多语种分包（来源）预加载：为关键字体使用 `preload as="font" crossorigin`
发表评论 取消回复