Question

我的字体不会出现在 IE8 中，但它适用于 IE9 。

@font-face {
  font-family: 'Ziggurat-HTF-Black';
  src: url('fonts/ziggurat-htf-black.eot');
  src: url('fonts/ziggurat-htf-black.eot?#iefix') format('embedded-opentype'), url('fonts/ziggurat-htf-black.woff') format('woff'), url('fonts/ziggurat-htf-black.ttf') format('truetype'), url('fonts/ziggurat-htf-black.svg#ziggurat-htf-black') format('svg');
  font-weight: normal;
  font-style: normal;
}

注意：我从堆叠溢出的另一个发布的解决方案中获取了这个，所以认真地说它不是另一个问题的重复。

Answer 1

我不能确定这里有什么问题，但我的建议是使用fontsquirrel来生成必要的跨浏览器兼容的CSS。

Answer 2

语法很好，我会查看服务器配置或字体文件本身。你使用过转换工具了吗？尝试再次转换字体。

检查您是否可以直接访问EOT文件（如果它在IE9中有效，应该没问题。）

是否有针对IE8的CSS类？检查它们是否正在更改字体系列。

Answer 3

我能够按照这个答案中的建议让我的Ziggurat-Black工作：https://stackoverflow.com/a/7169311/564879

“字体无法在IE中加载的最常见原因是字体名称表格被字体作者编码错误。这绝对是Josefin的情况。姓氏+样式名称必须=全名。约瑟芬失败了.FYI - fontsquirrel.com自动纠正他们网页字体中的这些问题。“

Answer 4

来自here：

旧版本的Internet Explorer支持Embedded OpenType (EOT)文件，然后在CSS3中正式化@font-face。

@ font-face在IE8中不起作用，适用于IE9

4 个答案: