css - Font-Awesome 图标在 IE9 和 IE8 中看起来很奇怪

标签 css webfonts font-awesome

我在我的站点中为图标/按钮使用 Font Awesome 库。

不使用 Bootstrap ,直接插入它们。

在 IE9 和 IE8 中,图标加倍,这让我抓狂!

有人知道这可能是什么吗?

enter image description here

最佳答案

您似乎对图标应用了某种文本阴影?使用 IE F12 devtools 尝试并准确追踪应用到图标的 CSS。

您还检查过您是否有条件地使用 <!--[if IE 7]> 包含了 IE7 font-awesome-ie7.css 文件吗? ?即

<!--[if IE 7]> 
<link rel="stylesheet" href="Content/fontawesome/font-awesome-ie7.css">
<![endif]-->

关于css - Font-Awesome 图标在 IE9 和 IE8 中看起来很奇怪,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14638139/

相关文章:

intellij-idea - JavaFX Fontawesomefx - 主应用程序图标

css - 表列充当表行

javascript - 除了 alert 和 document.write 之外打印输出的方法

vue.js - FontAwesome with Vuetify - 如何在 v-icon 组件中包含 Font Awesome 图标

html - Font Awesome 不填充菜单栏

css - Chrome 中的网络字体

html - 主体样式未通过 CSS 网格中的排水沟显示

html - CSS Sprite 以获得最大的可访问性?

html - Web 字体无法应用于在浏览器上工作的时事通讯(GMAIL、Yahoo Mail、Outlook、Hotmail 等)

css - 从 svg 生成的 Webfont 看起来不一样