在非常遥远的情况下,我们的主要网站存在问题。
如果用户单击链接,则很快单击Chrome上的后面按钮,字体很棒的图标将显示为 squares 。
我们使用的是 font Awesome 的本地存储的实例,此问题仅发生一次,但我仍然想解决此问题。
屏幕截图
我认为这只是fuoc。在您的情况下,字体上有延迟。由于某些原因,它们没有缓存(也许开发人员工具是打开的?)。
您可以通过模拟Chrome上的慢速Internet连接来尝试重现此错误。如果您这样做,您可能还会看到这个方块。
您可能需要实现预加载器屏幕,并且仅显示每个资产的页面内容。您将必须创建一些DIV,以涵盖整个页面,然后在文档准备就绪时将其删除。
以下是示例。
在 @font-face中重新排序字体格式,以便将woff放置在ttf和svg之前。SVG字体在支持它们的浏览器中呈现更好。因此使其默认。
放置所有字体文件,例如.ttf,woff,woff2,也将其放置。确保支票还提供字体姓氏。还要检查字体通话路径。可能会帮助您:)