1

我创建了一个 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 的浏览器。请帮忙。

4

2 回答 2

3

我不能为此推荐足够的字体松鼠。只需运行他们的字体生成器，您就会得到可以在 IE 中运行的代码。如果您缺少字体文件类型，它甚至会为您制作。它在过去为我节省了很多时间，我不能推荐它。

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

这是来自 Font Squirrel 并且可以跨浏览器工作：

@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;
}
于 2012-06-14T08:21:07.013 回答
0

svg，woff和eot甚至（支持）字体类型？我很确定 .svg 不是，而且我从未听说过 .woff 和 .eot .. 只是一个 truetype 应该适用于所有浏览器。（虽然我不确定 Macintosh）

font-face 的方式总是对我有用：

@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，则它可能无法在某些浏览器（版本）中使用。

于 2012-06-14T08:30:56.470 回答