Internet Explorer 11+不呈現文本溢出：正確地使用字體真棒

我目前在呈現文本溢出問題：IE瀏覽器上的elipses：11+。該項目正在使用Font Awesome 4.7。 elipses的渲染在Chrome/Firefox中很完美，但IE是有問題的。Internet Explorer 11+不呈現文本溢出：正確地使用字體真棒

有趣的是，如果我在下面的圖片檢查元素，似乎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 - 這裏的問題是，實際的圖標呈現，它只是與發現問題的省略號

2017-08-09 GAUNSD

你能否提供完整的HTML和jQuery代碼 –

這裏是一個工作示例：https://jsfiddle.net/ywkg5yLx/在IE11中很有效。究竟是什麼問題？ – Dekel

@VidiyaPrasanth [這是一個在我的最後複製問題的笨蛋]（https://plnkr.co/edit/OnxGkdYKXSSv0wUOBckx?p=preview），在項目中使用angular 1.x和bootstrap – GAUNSD

問題。看來我使用Font Awesome Incorrecly。在我的CSS我設置

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

刪除"FontAwesome"，然後使用包括發在類名像這樣的正確的語法：

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

校正issue.Before這種字體真棒的所有用途我們就像

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

2017-08-10 17:30:35 GAUNSD

回答