字型不工作在IE(font face not working in ie)

我创建了一个HTML布局和使用CSS3 @font-face 。 这里是我的代码

@font-face {
    font-family: 'MyriadProRegular';
    src: url('myriad.eot');
    src: url('myriad.eot?#iefix') format('embedded-opentype'),
         url('myriad.woff') format('woff'),
         url('myriad.ttf') format('truetype'),
         url('myriad.svg#MyriadProRegular') format('svg');
}

和我使用

font-family: 'MyriadProRegular';

它的工作在所有浏览器IE接受。 请帮忙。

Answer 1:

我不能推荐字体松鼠够本。 只是通过他们的字体面部生成器上运行，你会得到的代码，将在IE浏览器。 如果你缺少的字体文件类型，它们甚至是给你的。 它救了我大量的时间在过去，我不能建议不够。

http://www.fontsquirrel.com/fontface/generator

这是从字体松鼠和工程跨浏览器：

@font-face {
    font-family: 'NimbusSanConD-Lig';
    src: url('fonts/228BFB_1_0.eot');
    src: url('fonts/228BFB_1_0.eot?#iefix') format('embedded-opentype'),
         url('fonts/228BFB_0_0.woff') format('woff'),
         url('fonts/228BFB_0_0.ttf') format('truetype');
    font-weight: normal;
    font-style: normal;
}

Answer 2:

是SVG，WOFF和EOT甚至（支持）的字体类型？ 我敢肯定.SVG是不是和我从来没有听说过.woff和.eot的..只要是TrueType应在所有browswers工作。 （我不知道苹果虽然）

顺便字体脸上总是对我的作品：

@font-face {
    font-family:alba;
    src:url(alba.ttf);
}

所以在这里没有使用引号。 我会建议也尝试了你的情况，是要做到像

@font-face {
        font-family:Myriad Pro Regular;/* note the whitespaces, I believe this is what the font itself is called (not the filename) */
        src:url(myriad.ttf);
    }

确保你总是介意大写和小写字母的区别！ 如果字体文件被称为Myriad.ttf而你的类型myriad.ttf，它可能无法在某些浏览器（版本）的工作。

文章来源: font face not working in ie