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

Question

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

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

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

Answer 1

我发现通过JS脚本标记而不是css @import注入字体效果最好。之后，客户端停止向我报告此问题。

它的简单更改及其工作原因必须与某些Chrome错误相关联。