Question

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

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

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

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

icon-face嵌入图标字体：

@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。

干杯，本

嵌入式字体呈现然后消失

1 个答案: