css - 嵌入式字体呈现然后消失

Question

我有一个网站正在加载一些 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 header

<script type="text/javascript" src="//use.typekit.net/ssu8vyw.js"></script>
<script type="text/javascript">try{Typekit.load();}catch(e){}</script>

有什么想法吗？

Answer 1

我是 Typekit 的本。我相信这是由 Chrome 中的错误引起的。

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

因为这是 Chrome 的问题，我们似乎无能为力。好消息是它已经修复了。不太好的消息是下一个稳定版本将在 2 月发布。我们会密切关注此问题，并确保在更新 Chrome 时解决此问题。

如有任何具体问题，请随时给我们写信:support@typekit.com。

干杯，本