用途
font-loading 是前端检查清单（front-end-checklist）中的一条性能规则，主题为“优化网页字体加载”（Optimize web font loading）。它用于在审计页面加载缓慢、资源体积过大或渲染延迟时，判断这些问题是否与字体加载有关。
字体加载缓慢可能导致“不可见文本闪烁”（Flash of Invisible Text，FOIT）或明显的布局偏移，从而损害用户体验与 Core Web Vitals。该规则的目标是帮助定位并修复这类字体加载问题。
主要能力
该规则围绕字体加载策略提供检查、修复与解释能力：
- 检查字体加载策略，验证是否使用了 font-display，以及关键字体是否被预加载。
- 修复：在 @font-face 声明中添加 font-display: swap，并对最重要的字体使用 <link rel='preload'>。
- 解释：说明字体加载如何影响感知性能与布局稳定性。
- 代码审查：审查影响字体加载的路由、资源与加载行为，标记出增加不必要网络、CPU 或布局成本的具体文件、请求或渲染步骤，并描述用于确认问题的测量方法。
使用方式
该规则以检查清单条目的形式提供，包含“Check（检查）”“Fix（修复）”“Explain（解释）”“Code Review（代码审查）”等部分。使用时先检查字体加载策略与 font-display、预加载情况，再按修复建议调整 @font-face 与 <link rel='preload'>，并可通过代码审查定位具体问题文件与请求。
快速参考要点包括：
- 使用 font-display: swap 防止加载期间出现不可见文本。
- 预加载关键字体，使其更早被发现。
- 使用 WOFF2 等现代格式以获得更好的压缩。
完整的实现细节、代码示例与框架相关指导，见 references/rule.md。规则页面为 https://frontendchecklist.io/rules/performance/font-loading。
适用场景
适用于前端性能审计与优化工作，尤其是当页面出现加载缓慢、资源过重、渲染延迟，并怀疑与网页字体加载相关时。也适用于代码审查阶段，用于检查路由、资源与加载行为对字体加载的影响。
限制
资料未提供该规则的具体实现代码、框架专属示例、测量工具细节或量化指标，这些内容需参考 references/rule.md 与规则页面。资料也未说明该规则的收费、价格或平台支持情况，暂未提供。