css - @font-face 适用于 IE8 但不适用于 IE9

Question

如上所述，我遇到了 @font-face 在 IE9 中不显示的问题，尽管它在包括 IE8 及更低版本在内的所有其他浏览器中都可以正常显示。此外，在我的计算机上本地查看时，IE9 会显示字体，只是在完全启用时不显示。

网站是:

bigwavedesign.co.uk/gcc/gcc/

使用的代码是:

    @font-face {
                font-family: 'LeagueGothicRegular';
                src: url('league_gothic_0-webfont.eot');
                src: local('League Gothic Regular'), url('league_gothic_0-webfont.woff') format('woff'), url('league_gothic_0-webfont.ttf') format('truetype'), url('league_gothic_0-webfont.svg#webfonta36nFpyE') format('svg');font-weight: normal;font-style: normal;
}

有人知道为什么会发生这种情况吗？

干杯!

=============================================

编辑

我发现以下网站在 IE9 中显示相同的字体，请问他是怎么做到的？

http://iamthomasbishop.com/

Answer 1

没有答案，只是确认:我有类似的问题。字体适用于除 IE9 以外的所有其他 IE 版本，均使用 IETester 和原始浏览器。更改文档模式(F12 开发工具)时字体有效。但这不是我想要的。

更新:通过一些技巧，我设法让它工作了。似乎 IE9 在 .eot 上使用了 .woff 版本的字体(我已经排除了)，我认为它会。我用了@font-face generator来自 fontsquirrel使用 smileyface 获取所有不同的字体变体并将它们包含在我的元素中-本地的。不必更改我的 .htaccess 文件。现在工作正常并且在所有 IE 版本中看起来都一样:

@font-face {
  font-family: "LucidaFax-bold";
  src: url("_font/LucidaFax-bold.eot");
  src: local("☺"),
  url("_font/LucidaFax-bold.woff") format("woff"),
  url("_font/LucidaFax-bold.ttf") format("truetype"),
  url("_font/LucidaFax-bold.svg#LucidaFax-bold") format("svg");
  }

h1 { font-family: "LucidaFax-bold", serif;}

---

(我什至对使用 Mark “Tarquin”Wilton-Jones 的 text-shadow hack 很生气，将与其他浏览器世界相同的外观应用于 IE 版本。老派？看起来太棒了!值得吗？嗯，学到了很多东西。 ;)