Question

我在我的网站上使用Gothma字体，但在任何IE浏览器中都不支持，下面是我的css

    /* FONT FACE */
@font-face{font-family: Gotham Book;src: url(fonts/Gotham-Book.otf);}
@font-face{font-family: Gotham Bold;src: url(fonts/Gotham-Bold.otf);}
@font-face{font-family: Gotham Light;src: url(fonts/Gotham-Light.otf);}
@font-face{font-family: Gotham Medium;src: url(fonts/Gotham-Medium.otf);}

Answer 1

尝试The New Bulletproof 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');
    }

浏览器兼容性：

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。

IE浏览器不支持字体＆＃34; Gotham＆＃34;

1 个答案: