internet-explorer - IE7 中的字体系列 CSS3

标签 internet-explorer css fonts internet-explorer-7 font-face

出于某种原因,我的网站导致 IE 以“文档模式 IE7”呈现。 我用字体版本替换了页面上的 Sprite 和图像图标。 不幸的是,font-face css 在此浏览器中不起作用。 当我在 IE 的开发人员工具中将“文档模式”切换到 IE8 或 IE9 时,图标按预期显示。

我不明白为什么IE7不显示图标。据我所知,它应该可以使用字体。

如您在代码中所见,我使用了来自 fontello.com 的字体文件和 css 定义。

这是我用来显示图标的样式表:

<style type="text/css">
@font-face {
 font-family: 'fontello-postbit';
 src:url(/includes/fonts/fontello-postbit.eot);
 src:url(/includes/fonts/fontello-postbit.eot?#iefix) format('embedded-opentype'),
 url(/includes/fonts/fontello-postbit.woff) format('woff'),
 url(/includes/fonts/fontello-postbit.ttf) format('truetype'),
 url(/includes/fonts/fontello-postbit.svg#fontello-postbit) format('svg');
 font-weight:normal;
 font-style:normal;
}
[class^="icon-"]:before,
[class*=" icon-"]:before {
  font-family: 'fontello-postbit';
  font-style:normal;
  font-weight:normal;
  font-size: 120%;
  display:inline-block;
  text-decoration:none;
  width:1em;
  margin-right:0.2em;
  text-align:center;
  opacity:0.8;
/* fix buttons height, for twitter bootstrap */
  line-height: 1em;
/* Animation center compensation - magrins should be symmetric */
/* remove if not needed */
  margin-right: 0.2em;
  speak: none;
}
.icon-star:before { content: '\2605'; } /* '?' */
.icon-star-empty:before { content: '\2606'; } /* '?' */
.icon-flag:before { content: '\2691'; } /* '?' */
.icon-attention:before { content: '\26a0'; } /* '?' */
/* ... etc ...*/
.icon-user:before { content: '\1f464'; } /* '\1f464' */
</style>

编辑:呃 - 我刚刚注意到 fontello 为 IE7 本身提供了一个 css 解决方法。

最佳答案

可能是因为 :before:after 伪元素不被 IE7 识别。

如果关键,您可以尝试其中的一些解决方案: after-and-before-css-pseudo-elements-hack-for-ie-7

或者您可以忽略 IE7。

关于internet-explorer - IE7 中的字体系列 CSS3,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/14593169/

相关文章:

css - Chrome 字体总是待处理

html - 如何更改后备字体的字体大小和样式

internet-explorer - IE 中的跨域 jquery ajax 请求与 xDomain 请求不起作用

css - 添加@media not print in css styles 后,它们在 IE11 中不起作用

html - 我怎样才能为 IE 提供特殊的 CSS?

javascript - 使用 javascript 创建和显示 div

html - 如何交替表格中的列背景颜色?

html - 按钮在 IE 中不可点击,但在现代浏览器中有效

javascript - 视频替换幻灯片 html5

java - Java Swing 组件中老挝文本的显示问题