Webfont没有在iOS中显示

Question

为什么我在使用webfont,对于页脚中的图标,显示何时在iOS 6.1.4中查看此站点？

我已经尝试删除图标上的CSS动画,删除它上面的jQuery.什么都没有让他们表现出来.

这是页面.

我非常感谢任何帮助,找出为什么这个字体没有显示.

Answer 1

请看一下这个链接:

Iconfont/webfont没有在iPhone Safari浏览器中显示

问题是iOS提供了对font-feature-settings CSS属性的部分支持,但您可以在iOS Safari中使用连字添加文本呈现:optimizeLegibility.以下链接(http://clagnut.com/sandbox/opentype/ligatures)显示使用具有Common和Discretionary Ligatures ON的字体Magenta以及具有Common和Discretionary Ligatures OFF的其他文本的文本.如果您从iOS设备访问此链接,您将看到两个文本相同.这意味着iOS不支持仅使用font-feature-settings的连字,这就是为什么排版中的gyph在iOS上不起作用的原因.要使其在iOS中运行,您必须在CSS中添加text-rendering:optimizeLegibility.一个很好的参考可能是"今天明天的网络类型:结扎的精彩繁荣".但是,您应该阅读"使用CSS规则是否安全"text-rendering:optimizelegibility;"on all text？".

 text-rendering: optimizeLegibility;