Font Face无法按预期在IE8中运行

Ime*_*iri 9 css css3 font-face internet-explorer-8

我使用以下代码在我的网站上获取自定义字体!使用以下代码!

@font-face{
     font-family:portagolTC;
     src: url(../font/PortagoITC_TT.woff?) format('woff');
     src: url(../font/PortagoITC_TT.eot?#iefix) format('opentype');
}
Run Code Online (Sandbox Code Playgroud)

这适用于chrome,ff,IE10,IE9,但不适用于IE8!我在这做错了什么?如果我做错了,请纠正我.

注意:我用Google搜索并发现很少的stackoverflow答案,但似乎没有解决我的问题.

CSS3111: @font-face encountered unknown error. 
PortagoITC_TT.woff
CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. 
PortagoITC_TT.ttf
CSS3114: @font-face failed OpenType embedding permission check. Permission must be Installable. 
PortagoITC_TT.ttf
Run Code Online (Sandbox Code Playgroud)

Mik*_*ckx 17

如果IE8抛出CSS3111: @font-face encountered unknown error,则可能存在不匹配的字体系列名称问题.

要解决此问题,您需要编辑字体文件,为人物定义相同的名称,姓名和人名,并导出您的TTF.这可以使用FontForge应用程序完成.然后,你再次将它转换成网页(EOT,WOFF).

更多信息:http://fontface.codeandmore.com/blog/ie-7-8-error-with-eot-css3111/

更新

通过下载自己版本的TTF字体并将其转换为Web来使其工作.我使用的CSS:

@font-face {
    font-family: 'portagoitc-tt';
    src: url('fonts/portagoitc-tt.eot');
    src: url('fonts/portagoitc-tt.eot?iefix') format('opentype'),
         url('fonts/portagoitc-tt.woff') format('woff'),
         url('fonts/portagoitc-tt.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}
Run Code Online (Sandbox Code Playgroud)

  • 我从http://font.downloadatoz.com/font,108525,portagoitc-tt.html下载了它并使用http://www.font2web.com/进行了转换.如果它适用于您,请告诉我. (2认同)