为 Internet Explorer 和其他所有浏览器定义字体 [重复]

Question

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

我正在使用 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');
    }