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

前端之家收集整理的这篇文章主要介绍了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.f2er.com/css/215680.html

猜你在找的CSS相关文章