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

在非常偏远的情况下,我们的主网站存在问题.

如果用户点击链接,然后非常快速地点击Chrome上的后退按钮,则字体真棒图标将显示为正方形.

我们正在使用本地存储的Font Awesome实例,这个问题可能每5次尝试一次,但我仍然想解决这个问题.

Screenshot

最佳答案 我认为它只是
FUOC.在你的情况下,字体加载延迟.由于某些原因,它们没有缓存(可能打开了开发人员工具?).

您可以尝试通过Chrome上的simulating慢速互联网连接重现此错误.
如果你这样做,你可能也会看到这个方块.

您可能需要实现预加载器屏幕,并且仅显示每个资源加载的页面内容.您将必须创建一个覆盖整个页面的div,然后在文档准备好后将其删除.

这是example.

点赞