一些字体真棒图标未在 Safari 中呈现答案

【问题标题】：Some font awesome icon not rendering in Safari一些字体真棒图标未在 Safari 中呈现
【发布时间】：2016-09-06 09:49:06
【问题描述】：

我正在使用 Font Awesome 图标。所有图标都在 Chrome 中完美呈现。

但在 Safari 中，“某些图标”不会呈现。当我说它不是渲染时，它不是通常的方形框。它更像是图标的 css 可见性隐藏。

当我在开发人员工具中更改图标的任何属性时，图标就会显示出来。这是桌面中的行为。

在 Ipad 中，当我更改属性时，它也会显示出来。此外，在横向模式下，所有图标都可以完美呈现。但在纵向模式下，某些图标不会显示。我必须将方向更改为横向，然后再返回纵向以呈现图标。

不确定如何解决？

【问题讨论】：

【解决方案1】：

当我遇到同样的问题时，我发现如果您安装了 adblocker 插件，这可能会在 Safari 中发生，因为 font-awesome 文档明确指出该插件可能会阻止一些 font-awesome 图标。

你可以检查一下，但对我来说，这个插件没有安装，所以我找到了第二个解决方案，它对我有用。

尝试在你的 CSS 中使用它

text-rendering: optimizeLegibility;

【讨论】：

【解决方案2】：

您可以为图标字体添加“文本渲染”CSS 属性。

text-rendering: optimizeLegibility;

浏览器强调易读性而不是渲染速度和几何精度。这允许使用可能包含在某些字体的字体文件中的特殊字距调整和可选连字信息。

【讨论】：

【解决方案3】：

我的目标是 Font Awesome 4.2.0，在 IIS Web 服务器上本地托管。

奇怪的是，我发现使用缓存破坏器为 Font Awesome CSS 库的路径添加后缀解决了这个问题。例如

font-awesome.min.css?v=1234

【讨论】：