html - 为什么我的图标字体仅在 Windows 8 上的 IE10 中不起作用？

Question

我在构建的整个站点中都使用图标字体，只是注意到该字体仅在 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;

}

Answer 1

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