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

Question

我的font-awesome图标在Firefox和Chrome中运行良好,但在Safari中我只看到其中一些空白而不是其他人.截图:

正如你所看到的,对于图标fa-twitter,fa-instagram和其他人只是没有显示出来,无论是在字体真棒网站或当我尝试与使用它们<i class="fa fa-instagram"></i>.

真奇怪,我已经清理了十几次我的缓存,无法弄清楚这里还有什么问题.

有任何想法吗？

Answer 1

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

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

text-rendering: optimizeLegibility;

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

Answer 2

你在Safari中安装了广告拦截器插件吗？
根据Font Awesome文档,可以使用此类插件阻止社交网络的图标.

Answer 3

Safari 似乎阻止了未签名的字体。完整地使用 CDN 可以解决该问题：

对于很棒的字体，我使用了以下链接： https: //fontawesome.com/how-to-use/on-the-web/setup/getting-started ?using=web-fonts-with-css

<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.3.1/css/all.css" integrity="sha384-mzrmE5qonljUremFsqc01SB46JvROS7bZs3IO2EmfFsd15uHvIt+Y8vEf7N7fWAU" crossorigin="anonymous">

Answer 4

您使用的是最新版本的 Chrome 吗？他们现在有一个定制版本的 web-kit，一个名为 Blink 的分支，所以即使它们显示在 Chrome 中，现在，您可能需要检查另一个 web-kit 浏览器才能确定。

还有，可怕的IE是什么？他们在那里展示吗？

我通常必须实际“重置 Safari”，而不是仅仅清除缓存才能真正清除缓存！