用途:在审查样式表、组件样式与响应式表现时,检查网页字体格式是否已优化,帮助减小字体文件体积、提升页面加载速度与 Core Web Vitals。
主要能力:核验网页字体是否使用 WOFF2 为主格式(资料称比 WOFF 约小 30%)、是否为旧浏览器提供 WOFF 回退;检查是否应用 font-display: swap 以改善感知性能;检查是否对关键字体进行预加载与子集化以减小体积;并在代码审查中标注违反该规则的具体选择器、声明或断点。
使用方式:作为前端检查清单中的 CSS 规则技能使用,在代码评审或清单自查时逐条核验;文档建议实现细节、代码示例与框架专属指南见 references/rule.md,规则页为 https://frontendchecklist.io/en/rules/css/webfont-format。
适用场景:前端样式评审、组件样式检查、响应式状态下的字体渲染检查,以及需要优化字体加载性能的项目。
限制:资料仅说明格式、回退、font-display、预加载与子集化等要点,未提供具体安装命令、价格、平台支持范围或完整实现代码;确切数值与实现步骤请以规则页和 references/rule.md 为准。