2017-08-09 67 views
0

我目前在呈现文本溢出问题: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

它修复它,但失去了图标(这显然是不希望)费用

enter image description here

以下相关问题已经全部咨询:

+0

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

+0

这里是一个工作示例:https://jsfiddle.net/ywkg5yLx/在IE11中很有效。究竟是什么问题? – Dekel

+0

@VidiyaPrasanth [这是一个在我的最后复制问题的笨蛋](https://plnkr.co/edit/OnxGkdYKXSSv0wUOBckx?p=preview),在项目中使用angular 1.x和bootstrap – GAUNSD

回答

0

问题。看来我使用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>