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)