css – 为什么这些font-face中的一个在IE8中呈现,但其他的不呈现?

前端之家收集整理的这篇文章主要介绍了css – 为什么这些font-face中的一个在IE8中呈现,但其他的不呈现?前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
为什么在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;
}

我真的想不出来.显然,所有其他浏览器工作正常.

解决方法

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

> http://www.font2web.com/
> http://www.fontsquirrel.com/fontface/generator< - 可能有问题,因为他们黑名单字体名称.
如果这个新文件不起作用,那么它可能是字体本身的问题.如果字体名称和系列名称在实际字体文件中不相同,有时IE6-8是合适的.要解决这个问题:

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

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

猜你在找的CSS相关文章