3

我在我正在构建的整个站点中使用图标字体，只是注意到该字体仅在 Windows 8 上的 IE10 中不显示。该字体在 Windows 7 上的 IE10 和 Chrome/FF 中都能正常工作。

值得注意的是，该集合中的某些字体确实可以在 IE10/Windows 8 中使用。例如 '\2699' 可以使用，但 '\E744' 不能在 IE10/Windows 8 中使用。

更新：这是一个展示问题的 JSFiddle：http: //jsfiddle.net/wqs5C/

谁能帮我理解为什么它可能不起作用？

这是字体声明：

@font-face {
  font-family: 'icons';
  src: url("../Fonts/icons.eot");
  src: url("../Fonts/icons.eot?#iefix") format('embedded-opentype'), 
       url("../Fonts/icons.woff") format('woff'), 
       url("../Fonts/icons.ttf") format('truetype'), 
       url("../Fonts/icons.svg#icons") format('svg');
  font-weight: normal;

字体样式：正常；}

这是样式（在 IE10 开发人员工具中，它们之间有一条线）：

.exp_closed > .widget-head > .toggle:after {

    content: '\E744';
    font-family: 'icons';
    font-size: 16px;

}
4

1 回答 1

4

所以我最终将其追溯到 IE10 中的“保护模式”。它阻止了所有图标字体的工作。一旦我禁用它，一切都开始像我期望的那样。JSFiddle 上 FF 的失败很可能是字体下载的跨域限制。

于 2013-08-05T20:38:54.427 回答