为什么这些font-face中的一个在IE8中渲染,但其他的不是？

Question

为什么在IE8中呈现此字体:

@font-face {
  font-family: 'Aller';
  src: url('aller_rg-webfont.eot');
  src: url('aller_rg-webfont.eot?#iefix') format('embedded-opentype'),
       url('aller_rg-webfont.woff') format('woff'),
       url('aller_rg-webfont.ttf') format('truetype'),
       url('aller_rg-webfont.svg#AllerRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

而这不是:

@font-face {
  font-family: 'Champagne';
  src: url('champreg-webfont.eot');
  src: url('champreg-webfont.eot?#iefix') format('embedded-opentype'),
       url('champreg-webfont.woff') format('woff'),
       url('champreg-webfont.ttf') format('truetype'),
       url('champreg-webfont.svg#Champagne&LimousinesRegular') format('svg');
  font-weight: normal;
  font-style: normal;
}

我真的无法弄明白.显然,所有其他浏览器工作正常.

Answer 1

尝试.eot使用在线woff/ttf/svg到eot转换器创建一个新文件.

• http://www.font2web.com/
• http://www.fontsquirrel.com/fontface/generator < - 可能有问题,因为他们黑名单字体名称.

如果这个新文件不起作用,那么它可能是字体本身的问题.如果字体名称和系列名称在实际字体文件中不相同,有时IE6-8会合适.要解决这个问题:

• 你需要下载FontForge
• 打开字体
• 从菜单中选择Element>Font Info
• 确保人类的字体名称,姓氏和名称都是相同的
• 将字体保存为TTF或OTF,并使用在线转换器吐出EOT文件.

我使用font-face的每个问题 - 如果CSS是正确的 - 使用上述两个解决方案中的一个,那么好运:-)甚至可以尝试保存字体而不需要在FontForge中进行任何更改并在您转换之前在线转换使用名称属性.