我已经使用以下代码来获取我的网站中的自定义字体!使用以下代码!
@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; }