我的样式中的@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');
}
最佳答案
因此,经过一些试验和更改后,我发现如果我将 designcenter 的值从引号中取出,无论是单个还是整个元素,它似乎都能始终如一地工作。
回顾一下,iOS8 Safari 无法处理字体值的引号。我希望这对以后的任何人都有帮助。
关于iOS8 Safari 图标字体在浏览器刷新之前不会加载,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/26937523/