font face not workibg for IE8 ?? getting @font-face encountered unknown error. ?

时间秒杀一切 提交于 2019-12-25 03:04:13

问题


I am using font face to include a customised font named razing. The font is not working in IE8 but works well on IE9+ and other browsers. I checked the console in IE8 browser and i found " @font-face encountered unknown error." I tried using svg and fixes like ?#iefix but it ain't working. Please can u provide a healthy solution to overcome this, Thanks !!

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

回答1:


Try something like this may helps

@font-face {
    font-family: 'dinpromedium';
    src: url('Fonts/Razing/razing.eot');
    src: url('Fonts/Razing/razing.eot?#iefix') format('embedded-opentype'),
         url('Fonts/Razing/razing.woff') format('woff'),
         url('Fonts/Razing/razing.ttf') format('truetype'),
         url('Fonts/Razing/razing.svg#dinpromedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


来源:https://stackoverflow.com/questions/23216163/font-face-not-workibg-for-ie8-getting-font-face-encountered-unknown-error

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!