html - CSS字体系列在Internet Explorer上不起作用

CMS：Magento社区（我不认为这很重要）。

我正在使用在fontsquirrel上加载的字体。
在Firefox上看起来不错，但在Internet Explorer（11）上，该字体仅适用于某些元素而没有逻辑。

这是一个示例页面：http://www.prodottipet.simply-webspace.it/index.php/roditori.html
菜单上的“ Cani-Roditori-Gatti-Pesci-Uccelli”就是一个例子。

1）如果未正确加载字体，为什么某些元素使用此字体？所以我不认为这是问题。

@font-face {
font-family: 'indy';
src: url('w/indiepimptbs-webfont.eot');
src: url('w/indiepimptbs-webfont.eot?#iefix') format('embedded-opentype'),
     url('w/indiepimptbs-webfont.woff2') format('woff2'),
     url('w/indiepimptbs-webfont.woff') format('woff'),
     url('w/indiepimptbs-webfont.ttf') format('truetype'),
     url('w/indiepimptbs-webfont.svg#indy_pimpregular') format('svg');

font-weight: normal;
font-style: normal;
}

最佳答案

检查您的html，您是否有带有font-family:, serif !important的嵌入式样式，该样式无效，我想它会被IE 11以外的浏览器忽略。只需将其删除即可。

您可以通过运行IE Inspector（F12）来跟踪css继承。在那里，您将看到：



嵌入式/内部css的优先级高于外部样式表。