@ font-face在IE8中有效，但在IE9中无效

小编典典

@ font-face在IE8中有效，但在IE9中无效

css

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

使用的代码是：

    @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;
}

任何人都知道为什么会发生这种情况吗？

阅读 316

2020-05-16

共1个答案

小编典典

没有答案，只是确认：我有类似的问题。
字体可以使用IETester和原始浏览器在除IE9之外的所有其他IE版本中使用。更改文档模式（F12开发人员工具）时，字体有效。不是我想要的。

更新：通过一些技巧，我设法使其正常运行。似乎IE9正在我认为会在 .eot 上使用 .woff
版本的字体（我已经排除了）。我使用来自fontsquirrel的@ font-
face生成器来获取所有不同的字体变体，并使用smileyface -local
将它们包括在我的项目中。不必更改我的.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的，将IE版本的外观与其他浏览器世界一样使用。老派？看起来很棒！值得吗？嗯，学到了很多东西。_ ;）

2020-05-16