Question

我已经尝试了一切使我的@ font-face语法在ie9中工作。它适用于所有其他浏览器和移动设备。我的网络字体是由fontsquirrel生成的。我读过Paul Irish和font springs'bullet proof font-face'文章。还有许多堆栈溢出q＆amp;如。我试过条件评论，双重声明，'mo bulletproof'，笑脸语法以及介于两者之间的一切都无济于事。我已经在IE中检查了控制台的错误，但没有，但它甚至没有在我的CSS中显示@ font-face。我不想问，但我真的需要帮助。

我能够使其工作的唯一方法是将其内联在我的HTML中并将其放在我的外部css文件中。这是我的HTML文件中的内容。

@font-face {
    font-family: 'steelfish_rgregular';
    src: url('fonts/steelfish.eot?#iefix') format('embedded-opentype'), 
         url('fonts/steelfish.woff') format('woff'), 
         url('fonts/steelfish.ttf')  format('truetype'),
         url('fonts/steelfisht.svg#svgsteelfish_rgregular') format('svg');
    }

以下是我的CSS文件

@font-face {
    font-family:"steelfish_rgregular";
    src: url('steelfish-webfont.eot?#iefix') format('embedded-opentype'),
         url('steelfish-webfont.woff') format('woff'),
         url('steelfish-webfont.ttf') format('truetype'),
         url('steelfish-webfont.svg#steelfish_rgregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

如果您想看一下，这是我的测试页http://zacharystodart.com/index-webfont-testingfor-ie.html

为什么Font-Face在IE9及以上版本中不起作用？

0 个答案: