如何修复确保文本在 webfont 加载期间保持可见错误？

mdasaduzzaman17

为了检查确保文本在 webfont 加载期间保持可见错误，GT Metrics 工具会检测并检查CSS中指定的所有 web 字体。如果即使页面上的一种字体未使用块或交换或回退或可选值之一设置字体显示功能，则会激活错误“确保文本在 Web 字体加载期间保持可见”。通过单击GT Matrix 的“结构”菜单中的此错误，您可以看到这些字体的列表。下面我们就教大家解决这个问题的方法。 1.预加载字体 对页面资源使用Preload或初始加载可以使浏览器比正常情况更快地识别并最终加载这些资源（当然，我们不应该过度使用Preload，它只是对资源更重要）。该功能可用于加载需要在屏幕上快速显示的字体。将以下代码放入 Head 标签中。在此代码中，我们应该放置所需的字体名称，而不是w并且应该放置字体格式（例如，woff）而不是格式使用字体显示功能 我们前面提到的字体显示功能决定了页面加载时字体的显示方式。我们在下表中指定了该功能的每个不同值会导致什么样的性能。

大量的 功能 汽车 使用默认浏览器功能 堵塞 下载网络字体之前不显示文本 交换 使用系统字体快速显示文本，直到原始字体准备好并显示 倒退 短时间不显示文字然后交换功能 选修的 与fallback类似，区别在于浏览器可以自由显示或不显示原始字体 这种方法的优点是，在大多数 伊朗电报数据 新浏览器中，使用 font-display: swap 功能解决了 FOIT 问题，并修复了 GT Matrix 中确保文本在 webfont 加载期间保持可见的错误。 此外，对于使用 Google 网页字体的网站，在CSS代码中的网页字体 URL末尾添加 display=swap&可以优化 FOIT 问题。在这里，您应该输入所需的字体URL ，而不是googlewebfonturl 。



将工作交给专家或 SEO 团队 如果您阅读了文章并深思熟虑，但仍然无法修复“确保文本在 webfont 加载期间保持可见”错误，我们建议您将这项工作留给 Kardan。如果你知道一个好的团队，你就一无所知，但如果你正在寻找SEO领域的专业团队和良好的服务，你可以查看Mizfa的SEO和网站优化服务。我们准备了各种各样的服务，包括网站速度优化，为亲爱的您服务。 结论 在这篇 Mizfa 文章中，我们讨论了如何解决新 GTmetrix 中 Webfont 加载期间确保文本保持可见的问题。正如我们所说，这个错误是指网站字体的优化。我希望本教程对您有用。在下一篇文章中，我们将讨论“保持请求计数低且传输大小小”错误。 如果您有任何疑问，请在评论部分（位于本页底部）中提问，我们将很乐意回答。