Question

我在下面

<i class="icon-remove"></i>

在firefox，chrome，IE 8上正确显示关闭图标但在IE9上没有显示。

这是font-awesome.css

@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); 
    src: url('webfont.eot?#iefix') format('embedded-opentype'), 
         url('webfont.woff') format('woff'), 
         url('webfont.ttf')  format('truetype'), 
         url('webfont.svg#svgFontName') format('svg'); 
    }

奇怪的是，它适用于一个客户端系统，具有完全相同版本的IE9和Windows 7操作系统，但不适用于其他客户端系统。使用tomcat作为webserver。

这里有什么帮助/建议吗？

Answer 1

试试这个，确保你有很棒的链接。

<i class="fa fa-times"></i>

通常在课程中使用fontawesome，首先将fa类放在图标的名称上，例如fa-times。

我不确定iconAwesome库中是否有icon-remove。但如果是的话，可能就像

<i class="fa fa-icon-remove"></i>

尝试一下，不确定答案是否正确，但需要注意的事项。

Answer 2

这似乎是一个链接问题。请检查FontAwesome是否链接良好。

然后，检查css的版本是否正在运行该类。例如，在搜索时，删除图标类的陈述略有不同（请参阅http://fontawesome.io/3.2.1/icon/remove-sign/）。

如果其他浏览器有效，请先清理其缓存，以确保它们没有加载您的旧版本。

希望它会对你有所帮助:)。

Answer 3

IE将使用最后一个＆＃34; src：url＆＃34;，并且由于空格变为％20的正则表达式错误而无法理解多个参数。试试这个：

@font-face {
    font-family: 'MyWebFont';
    src: url('webfont.eot'); 
    src: local('webfont.woff'),
         url('webfont.woff') format('woff'), 
         url('webfont.ttf')  format('truetype'), 
         url('webfont.svg#svgFontName') format('svg');
}

（来源：http://www.paulirish.com/2009/bulletproof-font-face-implementation-syntax/）

Answer 4

我建议你在Github线程中检查#thorst发布的这条评论。它可以让您对您的问题有所了解。根据参考文献。

font-awesome.css已更改：

这

src: url('../font/fontawesome-webfont.eot?#iefix') format('eot'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');

要

src: url('../font/fontawesome-webfont.eot?#iefix') format('embedded-opentype'), url('../font/fontawesome-webfont.woff') format('woff'), url('../font/fontawesome-webfont.ttf') format('truetype'), url('../font/fontawesome-webfont.svg#FontAwesome') format('svg');

The Github Thread Reference

font-awesome不能在IE9上运行？

4 个答案: