Css iPhone safari浏览器中未显示Iconfont/webfont

当在iPhone上查看时，“我的页脚”导航中的自定义web字体“我的ICont”中的图示符不显示。它是iOS 6.1.4

知道为什么会发生这种情况以及如何解决吗

以下是页脚中未显示图标的屏幕截图：

---

对于发生这种情况的页面

问题在于IOS提供了对字体功能设置CSS属性的部分支持，但您可以在IOS Safari中使用连字添加

文本呈现：优化易读性

。下面的链接（）显示了一个文本，该文本使用洋红字体，打开通用和任意连字，其他文本使用通用和任意连字

如果您从iOS设备访问此链接，您将看到两个文本是相等的。这意味着iOS不支持仅具有

字体功能设置的连字，这就是为什么您的印刷字体中的gyphs在iOS上不起作用的原因

要使其在iOS中工作，您必须将
文本呈现：优化易读性
添加到css中。一个好的参考可能是。但是，你应该阅读

您将在以下链接中找到在iOS中使用字体的示例：


文本呈现：优化易读性；

来自iPhone的此JSFIDLE的屏幕截图：

问题在于IOS部分支持字体功能设置CSS属性，但您可以在IOS Safari中使用连字添加
文本呈现：优化易读性
。下面的链接（）显示了一个文本，该文本使用洋红字体，打开通用和任意连字，其他文本使用通用和任意连字

如果您从iOS设备访问此链接，您将看到两个文本是相等的。这意味着iOS不支持仅具有
字体功能设置的连字，这就是为什么您的印刷字体中的gyphs在iOS上不起作用的原因

要使其在iOS中工作，您必须将
文本呈现：优化易读性
添加到css中。一个好的参考可能是。但是，你应该阅读

您将在以下链接中找到在iOS中使用字体的示例：


文本呈现：优化易读性；

来自iPhone的此JSFIDLE的屏幕截图：

在
noLigatures.js
中删除
if（（Modernizer.前缀（“fontFeatureSettings”））
。图标将显示在iOS6中。
删除
if（（Modernizer.前缀（“fontFeatureSettings”））
在
noLigatures.js
中。图标将显示在iOS6中。
我感觉这与图标上的动画有关。如果删除动画，它们会出现吗？@Jackson你是说动画不完全受支持，所以它们会隐藏图标吗？我删除了页脚中图标上的动画，它们会消失仍然没有显示。如果您想查看它，它会被更新。可能是字体功能设置css属性？ios safari safari仅对此提供部分支持：@Jackson不能。我使用Modernizer检测何时不支持连字，并切换到具有相同对应图标的单个字符。您的网站真的很糟糕在iPhone上，太花哨了，不利于自己，IMHO。顶部的文本大部分都被覆盖了，我无法滚动到任何内容-（我感觉这与图标上的动画有关。如果你删除动画，它们会出现吗？@Jackson你是说动画不完全受支持，所以它们会隐藏图标吗？我删除了页脚图标上的动画，但它们仍然没有显示。如果你想查看它，它会更新。可能是这样的。）字体功能设置是否为css属性？ios safari safari仅部分支持此功能：@Jackson不能。我使用Modernizer检测到何时不支持连字，并切换到具有相同对应图标的单个字符。你的站点在iPhone上真的很糟糕，太花哨了顶部大部分已覆盖，我无法滚动到任何内容：-（啊，所以我脚本中的行计算为true，连字显示。但它们不受支持？啊，所以我脚本中的行计算为true，连字显示。但它们不受支持？感谢您提供详细信息。所以，它说它支持连字，但只支持部分连字，不足以支持em？谢谢你提供的细节。所以，它说它支持连字，但只支持部分连字，而不足以支持连字？