html - 字体在 Internet Explorer 中不起作用？

Question

谁能告诉我为什么 Internet Explorer 没有选择我在下面指定的字体：

http://www.droneboylaundry.com/homepage

我已经检查了多次，在 CSS 中看不到任何问题：

@font-face {
    font-family: 'BertholdAkzidenzGroteskCondensed';
    src: url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.eot');
    src: url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.eot') format('embedded-opentype');
    src:  url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.woff') format('woff');
    src:  url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.ttf') format('truetype');
    src:  url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.svg#BertholdAkzidenzGroteskCondensed') format('svg');
}

Answer 1

IE8 有加载eot 文件的错误。

如果您在所有 eot 包含的 url 末尾添加一个问号，它应该可以工作：

src: url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.eot?');

编辑：来自 Paul Irish 的Bulletproof @font-face 语法：

@font-face {
  font-family: 'BertholdAkzidenzGroteskCond';
  src: url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.eot?') format('eot'), 
  url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.woff') format('woff'), url('http://www.droneboylaundry.com/fonts/akzidenzgroteskbe-cn.ttf') format('truetype');
}

编辑 2：IE 有另一个错误，字体系列名称不能超过 31 个字符。我更新了上面的代码以反映这一变化。