Question

我正在尝试使用@font-face在Internet Explorer上使用我的字体定义，但我不能。

我使用3种字体。这是我写的代码：

@font-face {
    font-family : Rokkit;
    src : url("fonts/Rokkitt-Regular.ttf");
}

@font-face {
    font-family: "PT Sans";
    src: url("fonts/PT-Sans.ttf");
}

@font-face {
    font-family: Mako;
    src: url("fonts/Mako.ttf");
}

其他浏览器一切正常，但IE不行。所以我将这一行添加到每个字体定义中：

@font-face {
    font-family : Rokkit;
    src : url("fonts/Rokkitt-Regular.ttf");
    src : url("fonts/Rokkitt-Regular.eot");
}

但是，不仅它仍然无法在IE上运行，但它停止在Firefox，Chrome，Safari上工作......我该怎么办？

谢谢。

Answer 1

你可以尝试这个解决方案，我在一些网站上看到：还给出here

@font-face { 
    font-family: MyFont; src: url('myfont.ttf'); 
}
@font-face{ 
    font-family: MyFont_IE; src: url('myfont.eot'); 
}
.my_font{ 
    font-family: MyFont, MyFont_IE, Arial, Helvetica, sans-serif; 
}

这也可以帮助你，acc。到Fontspring博客：

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
         url('myfont-webfont.woff') format('woff'), 
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
    }

为Internet Explorer和其他所有浏览器定义字体

1 个答案: