css font-face 在 IE 中不起作用

Posted 2023-03-06

【中文标题】css font-face 在 IE 中不起作用

【英文标题】：css font-face not working in IE

【发布时间】：2012-08-04 07:11:45

【问题描述】：

@font-face font-family: gotham; src: url('../fonts/Gotham-Light.otf'); 我在我的 css 文件中包含了名为 Gotham 的字体。它在 mozilla 和所有其他浏览器中工作，但在 IE9 中不工作。

【问题讨论】：

您的问题信息量不大......您的问题与***.com/questions/5587956/… 有关吗？

@font-face 需要几种不同的字体格式（由不同的浏览器支持）；例如，您可以使用fontsquirrel.com/fontface/generator 来生成不同的文件。

@ramshinde1992：有关详细信息，请参阅下面的答案。

【参考方案1】：

见The New Bbulletproof Fontface Syntax

    @font-face 

        font-family: 'MyFontFamily';
        src: url('myfont-webfont.eot?#iefix') format('embedded-opentype'), 
             url('myfont-webfont.woff') format('woff'), 
             url('myfont-webfont.ttf')  format('truetype'),
             url('myfont-webfont.svg#svgFontName') format('svg');
    

它是如何工作的？

Internet Explorer

浏览器兼容性：

Safari 5.03、IE 6-9、Firefox 3.6-4、Chrome 8、ios 3.2-4.2、android 2.2-2.3、Opera 11

要生成你的字体工具包，你应该使用fontsquirrel。