字体很棒的图标显示为导航之间的正方形[仅Chrome]



在非常遥远的情况下,我们的主要网站存在问题。

如果用户单击链接,则很快单击Chrome上的后面按钮,字体很棒的图标将显示为 squares

我们使用的是 font Awesome 的本地存储的实例,此问题仅发生一次,但我仍然想解决此问题。

屏幕截图

我认为这只是fuoc。在您的情况下,字体上有延迟。由于某些原因,它们没有缓存(也许开发人员工具是打开的?)。

您可以通过模拟Chrome上的慢速Internet连接来尝试重现此错误。如果您这样做,您可能还会看到这个方块。

您可能需要实现预加载器屏幕,并且仅显示每个资产的页面内容。您将必须创建一些DIV,以涵盖整个页面,然后在文档准备就绪时将其删除。

以下是示例。

在 @font-face中重新排序字体格式,以便将woff放置在ttf和svg之前。SVG字体在支持它们的浏览器中呈现更好。因此使其默认。

放置所有字体文件,例如.ttf,woff,woff2,也将其放置。确保支票还提供字体姓氏。还要检查字体通话路径。可能会帮助您:)

最新更新