嵌入式字体渲染然后消失

我有一个网站加载一些typekit字体和嵌入式图标字体。

它们似乎都适合所有浏览器。 但是，如果浏览器窗口在一段时间内处于非活动状态，它们将消失，系统字体将在其位置呈现。 重新调整浏览器大小似乎可以解决问题并重新出现嵌入字体。

这个问题很难重新创建，因为它似乎不会一直发生，但它确实会在很多时候发生。 到目前为止，我只看到它发生在Chrome中。

其他细节：该网站托管在Heroku，Rails 4，Turbolinks关闭。

字体嵌入图标字体：

@font-face { font-family: 'icomoon'; src:url('../fonts/icomoon.eot'); src:url('../fonts/icomoon.eot?#iefix') format('embedded-opentype'), url('../fonts/icomoon.woff') format('woff'), url('../fonts/icomoon.ttf') format('truetype'), url('../fonts/icomoon.svg#icomoon') format('svg'); font-weight: normal; font-style: normal; -webkit-font-smoothing: antialiased; } 

Typekit标头

  try{Typekit.load();}catch(e){} 

有任何想法吗？

Answer 1

这是来自Typekit的Ben。 我相信这是由Chrome中的错误引起的。

以下是问题报告，如果您想订阅更新或发表评论： https ： //code.google.com/p/chromium/issues/detail？id = 236298

因为这是Chrome的一个问题，所以我们似乎无法做任何事情。 好消息是它已被修复。 不太好的消息是，下一个稳定的版本将在2月份发布。 我们一直关注这一点，并确保在Chrome更新时解决此问题。

如果您有任何具体问题，请随时与我们联系：[e-mail]。

干杯，本