css - 为什么某些@font-face 在 IE 中不起作用

Question

为什么最后两种字体不能在 IE 中工作有什么原因吗？他们都在 chrome 和 FF 中工作。前两个在 IE 中工作。是什么原因造成的？

@font-face {
    font-family: "Bebasneue";
    src: url('bebasneue.eot?') format('eot'), url('bebasneue.woff') format('woff'), url('bebasneue.ttf') format('truetype');
}
@font-face {
    font-family: "corbel";
    src: url('corbel.eot?') format('eot'), url('corbel.woff') format('woff'), url('corbel.ttf') format('truetype');
}
@font-face {
    font-family: "LeagueGothic";
    src: url('LeagueGothic-Regular.eot?') format('eot'), url('LeagueGothic-Regular.woff') format('woff'), url('LeagueGothic-Regular.ttf') format('truetype');
}
@font-face {
    font-family: 'Lobster';
    src: url('Lobster_1.eot?') format('eot'), url('Lobster_1.woff') format('woff'), url('Lobster_1.ttf') format('truetype');
}

Answer 1

我会尝试通过下面链接的 font-squirrel 字体生成器运行所有字体:

它对于生成跨浏览器 css 和修复讨厌的 IE 问题非常有用!

Font squirrel font face generator