大佬教程收集整理的这篇文章主要介绍了即使在使用 font-display:swap 之后，Page Speed Insight 仍会显示“确保文本在 webfont 加载期间保持可见”审核，大佬教程大佬觉得挺不错的，现在分享给大家，也给大家做个参考。
页面速度洞察建议在相应的 CSS 中添加一行 Font-display:swap;，我在下面以 fa-solID-900.woff2 为例进行了此操作。当我查看 index.HTML 文件时，我可以确认此 CSS 已正确列在 <head> 标记中。但是，当我检查页面速度洞察时，它仍然将此字体列为审核。
澄清一下，这是一个 wordpress 网站，使用 autoptimize 内联了 CSS。
我有一种感觉，这可能是 CSS 的问题。可能顺序不正确，或者语法错误。但是由于我对 CSS 的了解有限，我就是不知道我不知道的东西。
index.HTML 文件中的 CSS：
@Font-face {
Font-family: 'FontAwesome';
Font-display: swap;
Font-style: normal;
Font-weight: 900;
src: url(//sggtech.com/wp-content/themes/x/framework/dist/CSS/site/stacks/../../../../Fonts/Font_awesome/fa-solID-900.woff2) format("woff2"),url(//sggtech.com/wp-content/themes/x/framework/dist/CSS/site/stacks/../../../../Fonts/Font_awesome/fa-solID-900.woff) format("woff"),url(//sggtech.com/wp-content/themes/x/framework/dist/CSS/site/stacks/../../../../Fonts/Font_awesome/fa-solID-900.ttf) format("truetype")
}
正在列出审核链接：
https://sggtech.com/wp-content/themes/x/framework/fonts/font_awesome/fa-solid-900.woff2
暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！
如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。
小编邮箱:dio#foxmail.com (将#修改为@）
以上是大佬教程为你收集整理的即使在使用 font-display:swap 之后，Page Speed Insight 仍会显示“确保文本在 webfont 加载期间保持可见”审核全部内容，希望文章能够帮你解决即使在使用 font-display:swap 之后，Page Speed Insight 仍会显示“确保文本在 webfont 加载期间保持可见”审核所遇到的程序开发问题。
如果觉得大佬教程网站内容还不错，欢迎将大佬教程推荐给程序员好友。
本图文内容来源于网友网络收集整理提供，作为学习参考使用，版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ：384754419，请注明来意。