Question

我使用font face来包含一个名为razing的自定义字体。该字体在IE8中不起作用，但在IE9 +和其他浏览器上运行良好。我在IE8浏览器中检查了控制台，我找到了＃34; @ font-face遇到了未知错误。＆＃34; 我尝试使用svg并修复了？#iefix ，但它无法正常工作。请你提供一个健康的解决方案来解决这个问题，谢谢!!

 <style>
  @font-face {
  font-family: Razing;
  src: url(Fonts/Razing/razing.eot);
  src: url(Fonts/Razing/razing.eot?#iefix) ,
 url(Fonts/Razing/razing.ttf),
 url(Fonts/Razing/razing.woff),
 url(Fonts/Razing/razing.svg) format('svg');

  }
.ABC{ font-family:Razing;font-size:20px;  }
</style>

 <p class="ABC"></p>

Answer 1

在#iefix行的末尾尝试格式化（'embedded-opentype'）。 e.g。

src: url(Fonts/Razing/razing.eot?#iefix) format('embedded-opentype'),

Answer 2

编辑您的字体文件，为字体名称，姓氏和名称定义相同的名称并导出您的TTF。您可以使用FontForge应用程序。

然后再将其转换为网络（EOT，WOFF）。

Read

通过下载TTF字体的版本并将其转换为Web来使其工作。

CSS

@font-face {
    font-family: 'Razing';
    src: url('fonts/Razing.eot');
    src: url('fonts/Razing.eot?iefix') format('opentype'),
         url('fonts/Razing.woff') format('woff'),
         url('fonts/Razing.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

字体面不适用于IE8 ??得到@ font-face遇到了未知错误。

2 个答案: