在浏览器刷新之前,iOS8 Safari图标字体无法加载

时间:2014-11-14 19:33:15

标签: ios css ember.js fonts safari

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

1 个答案:

答案 0 :(得分:1)

因此,在经过一些实验和改变之后,我发现如果我从引号中取出 designcenter 的值,无论是单个还是其他整个项目,它似乎始终有效。

因此,作为回顾,iOS8 Safari无法处理字体值的引号。我希望将来可以帮助任何人。