为什么在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中进行任何更改并在您转换之前将其转换为在线使用名称属性.