Font Awesome 图标在导航之间显示为正方形 [Chrome Only]
Font Awesome Icons showing as squares between navigation [Chrome Only]
我们的主要网站在非常遥远的情况下出现问题。
如果用户点击 link，然后很快点击 Chrome 上的后退按钮，Font Awesome 图标将显示为 正方形 。
我们正在使用本地存储的 Font Awesome 实例，这个问题可能每 5 次尝试才会出现一次，但我仍然想解决这个问题。
我认为只是FUOC。在您的情况下，字体加载有延迟。由于某些原因，它们没有被缓存（也许开发者工具被打开了？）。
您可以尝试通过 chrome 上的 simulating 慢速互联网连接来重现此错误。
如果你这样做，你可能也会看到这个方块。
您可能需要实施预加载器屏幕，并且只显示加载每个资产的页面内容。您必须创建一些 div 来覆盖整个页面，然后在文档准备好后将其删除。
这里是example。
重新排列您的@font-face 中的字体格式，以便将 WOFF 置于 TTF 和 SVG 之前。 SVG 字体在支持它们的浏览器中呈现得更好。因此将其设置为默认值。
放入所有字体文件，如 .ttf、woff、woff2，也放入它的 SVG。确保检查也提供字体系列名称。还要检查字体调用路径。可能对你有帮助:)
我们的主要网站在非常遥远的情况下出现问题。
如果用户点击 link，然后很快点击 Chrome 上的后退按钮，Font Awesome 图标将显示为 正方形 。
我们正在使用本地存储的 Font Awesome 实例，这个问题可能每 5 次尝试才会出现一次，但我仍然想解决这个问题。
我认为只是FUOC。在您的情况下，字体加载有延迟。由于某些原因，它们没有被缓存（也许开发者工具被打开了？）。
您可以尝试通过 chrome 上的 simulating 慢速互联网连接来重现此错误。 如果你这样做，你可能也会看到这个方块。
您可能需要实施预加载器屏幕，并且只显示加载每个资产的页面内容。您必须创建一些 div 来覆盖整个页面，然后在文档准备好后将其删除。
这里是example。
重新排列您的@font-face 中的字体格式，以便将 WOFF 置于 TTF 和 SVG 之前。 SVG 字体在支持它们的浏览器中呈现得更好。因此将其设置为默认值。
放入所有字体文件，如 .ttf、woff、woff2，也放入它的 SVG。确保检查也提供字体系列名称。还要检查字体调用路径。可能对你有帮助:)