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;

font-style：normal; }

这是样式（在IE10开发人员工具中，这些工具有一条直线）：

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

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

}

Answer 1

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

为什么我的图标字体不能在Windows 8上的IE10中运行？

1 个答案: