css – 字体真棒图标在OSX Safari中不起作用

我的字体很棒的图标在Firefox和Chrome中运行良好,但在Safari中我只看到其中一些空白而不是其他人.截图：

正如你所看到的,fa-twitter,fa-instagram和其他的图标都没有出现,无论是在Font Awesome网站上还是当我尝试将它们用于< i class =“fa fa-instagram”&gt ;< / I取代. 真奇怪,我已经清理了十几次我的缓存,无法弄清楚这里还有什么问题. 有任何想法吗？

解决方法

可能还有另一个问题 – 我遇到了类似的问题,其中自定义生成的图标集(使用字体自定义)将显示在Chrome,Firefox和某些版本的Safari中,但没有iOS版本.我确保没有启用弹出窗口阻止程序,但仍然遇到了问题.

通过一些研究,我发现将此属性添加到图标字体的CSS修复了问题：

text-rendering: optimizeLegibility;

添加此属性后,在所有浏览器中呈现工作正常.

原文地址：https://www.jb51.cc/css/215680.html