gpt4 book ai didi

html - 如何在本地机器上测试 'font-display: swap'?

转载 作者:行者123 更新时间:2023-12-05 06:05:01 24 4
gpt4 key购买 nike

为了克服不可见文本,PageSpeed Insights 建议在 @font-face 声明中使用 font-display:swap 为整个应用程序使用后备字体。我已将该属性添加到我的 Web 应用程序的每个 @font-face,但我无法测试它,因为更改仍在我的本地计算机上。

那么,现在我该如何在我的本地机器上测试 font-display:swap 并确保它正常工作并可能捕获一些屏幕截图或有一个支持它的文档?

最佳答案

我使用了内置的 Lighthouse 来实现这一点。据我所知,这是在本地测试相同内容的最佳方法。检查下面的屏幕截图-

  • 在将font-display: swap 添加到@font-face 之前- enter imagedescription here

  • font-display: swap添加到@font-face之后- enter imagedescription here

引用:Can I use pagespeed insights for my local host website or offline?

关于html - 如何在本地机器上测试 'font-display: swap'?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/66117975/

24 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com