已配置font-display:swap仍触发Google PageSpeed字体加载警告的原因

可能的触发原因如下： #

• 不是所有页面用到的@font-face规则都添加了font-display: swap：你示例中仅展示了单条字体规则，若同字体的其他字重、样式变体，或是其他字体对应的@font-face规则未配置该属性，Google PageSpeed会检测到缺失并抛出警告。
• 第三方字体服务返回的默认CSS规则未包含该属性：如果你的网页字体是通过谷歌字体等第三方CDN直接引入，未在引入链接中添加display=swap参数时，第三方返回的原生字体CSS规则是不带font-display配置的，你自行补充的规则可能因为优先级、加载顺序问题未生效，导致检测不通过。
• 拼写或属性位置错误：如果font-display属性存在拼写错误，或是写在了@font-face规则块之外，浏览器会识别失败，等同于未配置该属性。
• 缓存未更新：CSS修改后如果CDN、浏览器仍在缓存旧版本的CSS文件，PageSpeed检测时抓取到的仍是未添加font-display的旧规则，也会触发警告。

内容的提问来源于stack exchange，提问作者stckvrw