我在整个网站上都使用图标字体,只是注意到该字体仅在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;
}
因此,我最终将其追溯到IE10中的“保护模式”。它阻止了所有图标字体的工作。一旦禁用它,一切就会开始发生,就像我期望的那样。JSFiddle上FF的故障可能是由于字体下载的跨域限制所致。
本文收集自互联网,转载请注明来源。
如有侵权,请联系[email protected] 删除。
我来说两句