嵌入式字体渲染然后消失答案

【问题标题】：Embedded Fonts Render Then Disappear嵌入式字体渲染然后消失
【发布时间】：2014-02-10 01:27:55
【问题描述】：

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

有什么想法吗？

【问题讨论】：

一段时间是多长？直到屏幕保护程序启动？你说调整大小有帮助，但是在它前面拖动另一个窗口也有用吗？
一根绳子有多长？很难说。也许4或5分钟？没有屏幕保护程序和顶部的窗口似乎没有什么不同。只有调整窗口大小才能呈现正确的字体。

标签： css ruby-on-rails heroku fonts typekit

【解决方案1】：

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

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

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

如有任何具体问题，请随时通过 support@typekit.com 联系我们。

干杯，本

【讨论】：

大力支持。谢谢。