html - Font Awesome 图标在导航之间显示为正方形 [仅限 Chrome]

标签 html css google-chrome font-awesome

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

如果用户点击链接,然后快速点击 Chrome 上的后退按钮,Font Awesome 图标将显示为正方形

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

Screenshot

最佳答案

我认为它只是 FUOC .在您的情况下,字体加载有延迟。由于某些原因,它们没有被缓存(也许开发者工具被打开了?)。

您可以尝试通过 simulating 重现此错误chrome 上的互联网连接速度慢。 如果这样做,您可能还会看到这个方 block 。

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

这是 example .

关于html - Font Awesome 图标在导航之间显示为正方形 [仅限 Chrome],我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/37878830/

相关文章:

google-chrome - 如何使用 webkit-mask-image 使 CSS3 圆 Angular 隐藏 Chrome/Opera 中的溢出?

javascript - 在 Chrome 或 Firefox 上使用 Visual Studio 2015 调试 Javascript

javascript - 为什么 ng-href 在解析地理字符串时表现奇怪

html - 如何将网站的特定部分放入 iframe?

html - 将内联 img 元素更改为像 block 元素一样

html - 2 级菜单消失背景

javascript - 是否有任何解决方法可以使 Chrome 正确排序?

html - 如何在带有超链接的 UILabel 上显示 HTML 文本(作为字符串)?

javascript - 如何读取跨度的值

javascript - 使用 HTML5、CSS3 和 Javascript 开发 Windows Phone 8.1 应用程序