Question

以下css在IE9中不起作用。在firefox和chrome中工作。请帮忙......

<style>
    @font-face {
        font-family: 'myFirstFont';
        src: url('fonts/test/MB-ThinkTwice_Regular.ttf');
    }
    @font-face {
        font-family: 'myFirstFont_IE';
        src: url('fonts/test/MMB_ThinkTwice.eot?#iefix') format('embedded-opentype');
    }
</style>
<div style="font-family:myFirstFont, myFirstFont_IE; font-size:64px;">
    This is test TEXT
</div>

Answer 1

您可以将字体组合成一个定义，并为IE创建一个separte字体，您只需提供所有必需的字体文件类型即可。以下示例应适用于IE6-9。

@font-face {
    font-family: 'myFirstFont';
    src: url('fonts/test/MB-ThinkTwice_Regular.eot'); /* IE9 Compat Modes */
    src: url('fonts/test/MB-ThinkTwice_Regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
         url('fonts/test/MB-ThinkTwice_Regular.woff') format('woff'), /* Modern Browsers */
         url('fonts/test/MB-ThinkTwice_Regular.ttf')  format('truetype'), /* Safari, Android, iOS */
}

只有IE6到8

才需要#iefix

CSS3 @ font-face在IE 9中不起作用

1 个答案: