Question

代码：

@font-face {
    font-family: 'GothamRnd-Medium';
    src: url('about/fonts/GothamRnd-Medium/GothamRnd-Medium.eot');
    src: url('about/fonts/GothamRnd-Medium/GothamRnd-Medium.eot?#iefix') format('embedded-opentype'),
         url('about/fonts/GothamRnd-Medium/GothamRnd-Medium.woff') format('woff'),
         url('about/fonts/GothamRnd-Medium/GothamRnd-Medium.ttf') format('truetype'),
         url('about/fonts/GothamRnd-Medium/GothamRnd-Medium.svg#GothamRnd-Medium') format('svg');
    font-weight: normal;
    font-style: normal;
    }

    @font-face {
    font-family: 'ArcherBoldItalic';
    src: url('about/fonts/Archer-BoldItal/archer-boldital.eot');
    src: url('about/fonts/Archer-BoldItal/archer-boldital.eot?#iefix') format('embedded-opentype'),
         url('about/fonts/Archer-BoldItal/archer-boldital.woff') format('woff'),
         url('about/fonts/Archer-BoldItal/archer-boldital.ttf') format('truetype'),
         url('about/fonts/Archer-BoldItal/archer-boldital.svg#ArcherBoldItalic') format('svg');
    font-weight: normal;
    font-style: normal;     
    }


    @font-face {
    font-family: 'proxima_novalight';
    src: url('about/fonts/ProximaNova-Light/proximanova-light-webfont.eot');
    src: url('about/fonts/ProximaNova-Light/proximanova-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('about/fonts/ProximaNova-Light/proximanova-light-webfont.woff') format('woff'),
         url('about/fonts/ProximaNova-Light/proximanova-light-webfont.ttf') format('truetype'),
         url('about/fonts/ProximaNova-Light/proximanova-light-webfont.svg#proxima_novalight') format('svg');
    font-weight: normal;
    font-style: normal;

}

我嵌入了三种字体。三种字体＆＃39; proxima_novalight＆＃39;字体在IE8中完美运行但其他两种字体无法正常工作。我检查了所有代码，但我没有找到解决方案。它在其他浏览器中运行良好。任何想法的人？

Answer 1

如果IE8抛出CSS3111：@ font-face遇到未知错误，你   可能有不匹配的字体系列名称问题。

要解决此问题，您需要编辑字体文件，定义相同的字体   用于人类的字体名称，姓氏和名称的名称并导出您的   TTF。这可以使用FontForge应用程序完成。之后，你   而不是再转换为网页（EOT，WOFF）。

@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;
}

请查看更多详情

Font Face not working in IE8 as expected

字体在IE中不起作用

1 个答案: