iOS8 Safari图标字体在浏览器刷新之前不会加载答案

【问题标题】：iOS8 Safari icon fonts not loading until browser refreshiOS8 Safari图标字体在浏览器刷新之前不会加载
【发布时间】：2014-11-14 19:33:15
【问题描述】：

我的样式中的@font-face 声明中有一些图标字体，在用户选择刷新页面之前，它们不会在 Safari iOS 中显示。该项目是基于 ember 构建的，因此如果用户自己明确地进行刷新，则永远不会发生刷新。我知道图标字体正在加载，因为它们会在刷新时显示，但 Safari 会忽略它们，直到我这样做。我已经搜索了几天的解决方案，但找不到任何有效的方法。

有人遇到过这个问题吗？

=== 编辑 ====

这是我的@font-face 声明供参考：

@font-face {
  font-family: 'designcenter';
  src:url('../fonts/designcenter.eot?-s17jdf');
  src:url('../fonts/designcenter.eot?#iefix-s17jdf') format('embedded-opentype'),
    url('../fonts/designcenter.woff?-s17jdf') format('woff'),
    url('../fonts/designcenter.ttf?-s17jdf') format('truetype'),
    url('../fonts/designcenter.svg?-s17jdf#designcenter') format('svg');
}

【问题讨论】：

您运行的是哪个版本的 iOS 8？自 8.0.0 以来，他们进行了一些更新，其中包括一些 Safari 错误修复。
我使用的版本是8.1

标签： ios css ember.js fonts safari

【解决方案1】：

所以经过一些试验和更改后，我发现如果我从引号中取出 designcenter 的值，无论是单个引号还是整个项目中的其他引号，它似乎都可以始终如一地工作。

因此，回顾一下，iOS8 Safari 无法处理字体值的引号。我希望这对将来的任何人都有帮助。

【讨论】：