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

Question

我的样式中的@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');
}

Answer 1

因此，经过一些试验和更改后，我发现如果我将 designcenter 的值从引号中取出，无论是单个还是整个元素，它似乎都能始终如一地工作。

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