我们的主要网站在非常遥远的情况下出现问题。
如果用户点击链接,然后快速点击 Chrome 上的后退按钮,Font Awesome 图标将显示为正方形。
我们正在使用本地存储的 Font Awesome 实例,这个问题可能每 5 次尝试才会出现一次,但我仍然想解决这个问题。
最佳答案
我认为它只是 FUOC .在您的情况下,字体加载有延迟。由于某些原因,它们没有被缓存(也许开发者工具被打开了?)。
您可以尝试通过 simulating 重现此错误chrome 上的互联网连接速度慢。 如果这样做,您可能还会看到这个方 block 。
您可能需要实现预加载器屏幕,并且只显示加载每个 Assets 的页面内容。您将必须创建一些覆盖整个页面的 div,然后在文档准备好后将其删除。
这是 example .
关于html - Font Awesome 图标在导航之间显示为正方形 [仅限 Chrome],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37878830/