在IE11中的奇怪@ font-face问题（只有在您检查开发人员工具中的一个元素后呈现）

问题描述

我有一些网络字体可以在除IE11之外的所有浏览器中正常工作。奇怪的是，如果您转到此页面：，然后使用IE11开发人员工具检查功能项目符号，突然所有的字体都工作。任何想法？

I have some web fonts that work correctly in all browsers except IE11. The strange thing is, if you go to this page: http://cscart.create26.com/index.php?dispatch=products.view&product_id=179 and then inspect the "features" bullet points with IE11 developer tools, suddenly all the fonts work. Any ideas?

@font-face {
    font-family: 'Helvetica-Condensed-Black';
    src: url('../media/fonts/helvetica-condensed-black-webfont.eot');
    src: url('../media/fonts/helvetica-condensed-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../media/fonts/helvetica-condensed-black-webfont.woff') format('woff'),
         url('../media/fonts/helvetica-condensed-black-webfont.ttf') format('truetype'),
         url('../media/fonts/helvetica-condensed-black-webfont.svg#helvetica-condensed-black-sRg') format('svg');
    font-weight: normal;
    font-style: normal;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  @font-face {
    font-family: 'Helvetica-Condensed-Black';
    src: url('../media/fonts/helvetica-condensed-black-webfont.svg#helvetica-condensed-black-sRg') format('svg');
  }
}

推荐答案

out我在body标签上有一个空白的font-family声明。我必须忘记删除它，当我进行一些更改。删除空白font-family：;解决了问题。

Turns out I had a blank font-family declaration on the body tag. I must have forgotten to remove it when I was making some changes. Removing the blank "font-family: ;" fixed the issue.

这篇关于在IE11中的奇怪@ font-face问题（只有在您检查开发人员工具中的一个元素后呈现）的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持！