css - IE11 中奇怪的@font-face 问题(仅在您检查开发人员工具中的元素后呈现)

Question

我有一些网络字体可以在除 IE11 之外的所有浏览器中正常工作。奇怪的是，如果你去这个页面:http://cscart.create26.com/index.php?dispatch=products.view&product_id=179然后使用 IE11 开发人员工具检查“功能”要点，突然所有字体都可以使用。有什么想法吗？

@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');
  }
}

Answer 1

原来我在 body 标签上有一个空白的字体系列声明。我一定是在进行一些更改时忘记将其删除。删除空白的“字体系列:;”解决了这个问题。