鼠标悬停 html 标记后加载字体

Question

当我的应用程序页面加载时，某些 html 标记中的字体是默认字体，当您将鼠标悬停在它上面时，会立即显示正确的字体。我列出了可能很重要的事情：

• 元素的位置无关紧要，它发生在绝对和静态上。
• 如果将我选择的字体分配给 body 标记，则无法加载某些样式表。
• 我通过 @import 从 fast.fonts.net 加载字体。这行代码几乎在我的样式表的顶部，上面只是重置。
• 我从 s3 加载我的资产，并在一个文件中缩小。
• 它永远不会在本地发生，并且唯一发现此错误的浏览器是 Chrome。
• 这是一个罕见的错误，可能是所有页面刷新的 1%，所以当你想看到它时重现是很困难的
• 我在 bugsnag.com 中看到此问题后
• 应用在前端很繁重

你有什么想法我可以解决它吗？

Answer 1

我发现通过 JS 脚本标签而不是 css @import 注入字体效果最好。在那个客户停止向我报告这个问题之后。

这是一个简单的改变，它的工作原理肯定与Chrome的一些错误有关。