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 Syntax :

@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 has another bug where the font-family name can't be longer than 31 characters .我更新了上面的代码以反射(reflect)这一变化。