0

我能够在 chrome 和 Firefox 中成功使用@font-face，但不能在 IE 中使用：

font-family: 'Market_Deco';

src: url('fonts/Market_Deco.ttf');

这在 IE 中不起作用，所以我尝试在转换和添加 EOT 文件后添加这一行：

src: url('fonts/Market_Deco.eot') format ('eot');

那仍然不起作用，所以我删除了 .ttf 引用并只使用了 EOT 行。这在 IE 中修复它并在其他任何地方破坏它。我开始看这里，每个人都推荐字体松鼠，所以我尝试了：

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

我将四个新字体文件添加到我的字体文件夹中，更新了 CSS，现在它可以在零浏览器中使用。我在这里错过了什么吗？

4

1 回答 1

1

如果您在样式表中将该字体称为

font-family: 'Market_Deco';

那么它不会调用字体，因为它实际上在你的字体规则中被称为 market_decoregular ：

@font-face {
font-family: 'market_decoregular';

如前所述，

url('font/market_deco-webfont.woff') format('woff'),

大概应该是

url('fonts/market_deco-webfont.woff') format('woff'),
于 2013-05-27T03:24:42.417 回答