嵌入式字体呈现然后消失

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标头

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

有任何想法吗？

Answer 1

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

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

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

如果您有任何具体问题,请随时与我们联系:support@typekit.com.

干杯,本