Internet Explorer 11+不呈现文本溢出：使用Font Awesome

Question

我目前遇到渲染文本溢出的问题：IE上的elipses：11+。该项目正在使用Font Awesome 4.7。 elipses的渲染在Chrome / Firefox中非常完美，但IE是有问题的。

有趣的是，如果我检查下图中的元素，似乎font-family值似乎是为该元素修复它

图片中的<div>继承：

font-family: "FontAwesome", Verdana, sans-serif

如果我将其更改为：

font-family: Verdana, sans-serif

它修复了它，但代价是丢失了图标（显然不需要）

以下相关问题均已咨询过：

• Issue on FA GitHub Repo - 无法在项目中使用X:before { content: '' }。正在使用的一些组件正在使用before content
• Using a <meta> tag to fix it - 尝试过，没有结果。
• Issues others were having with the CSS file pointing to the wrong place - 这里的问题是图标实际呈现，这只是elipses的问题

Answer 1

发现了这个问题。我似乎正在使用Font Awesome Incorrecly。在我的CSS中我正在设置

body {
  font-family: "FontAweomse", Verdana, sans-serif;
}

删除"FontAwesome"，然后在类名中使用包含 fa 的正确语法，如下所示：

<span class="fa icon-delete"></span>

纠正了这个问题。在所有使用字体之前我们很喜欢

<span class="icon-delete"></span>