css – Font Face在IE8中无法正常工作

前端之家收集整理的这篇文章主要介绍了css – Font Face在IE8中无法正常工作前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我已经使用以下代码获取我的网站中的自定义字体!使用以下代码
@font-face{
     font-family:portagolTC;
     src: url(../font/PortagoITC_TT.woff?) format('woff');
     src: url(../font/PortagoITC_TT.eot?#iefix) format('opentype');
}

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

解决方法

如果IE8抛出CSS3111:@ font-face遇到未知错误,您可能有不匹配的字体族名称问题.

解决这个问题,您需要编辑您的字体文件,为“Fontname”,“Family name”和“Name”为人类定义相同的名称,并导出TTF.这可以使用FontForge应用程序完成.之后,您再次将其转换为网络(EOT,WOFF).

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

更新

通过下载自己的TTF字体版本并将其转换为网络,使其工作.我使用的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;
}
原文链接:https://www.f2er.com/css/214224.html

猜你在找的CSS相关文章