Iconfont / web字体在iPhone的Safari浏览器不显示(Iconfont / we

在我iconfont字形，在我的页脚中的导航自定义Web字体，都没有在iPhone上查看时显示。 它的iOS 6.1.4

任何想法，为什么发生这种情况，如何解决？

下面是在页脚没有出现的图标的屏幕截图：

这里是一个链接的页面，这种情况正在发生

Answer 1:

问题是，IOS提供字形特征的设置CSS属性的部分支持，但你可以使用连字在Safari浏览器的iOS添加text-rendering: optimizeLegibility 。 下面的链接（ http://clagnut.com/sandbox/opentype/ligatures ）示出了使用具有普通的＆自由连字ON和其它文本普通＆自由连字OFF字体品红文本。

如果你从iOS设备访问这个链接，你会看到两个文本都是平等的。 这意味着，iOS不支持连字只与font-feature-settings ，这就是为什么在你排版的gyphs不会在iOS上运行。

为了使它在iOS的工作，你必须添加text-rendering: optimizeLegibility到你的CSS。 一个很好的参考可能是“明天的网络类型今天：结扎的精细蓬勃发展” 。 但是，你应该阅读“是否可以安全使用的CSS规则‘文本渲染：;’？上的所有文本” optimizelegibility 。

你会发现你的字体在iOS中工作在以下链接的例子：

http://jsfiddle.net/poselab/TQjgC/

text-rendering: optimizeLegibility;

从iPhone这个的jsfiddle的截图：

Answer 2:

删除if((Modernizr.prefixed("fontFeatureSettings"))在noLigatures.js该图标将在iOS6的显示。

文章来源: Iconfont / webfont not showing in iPhone safari browser