Question

我能够在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;
}

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

Answer 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'),

@ IE中的字体问题和fontsquirrel修复

1 个答案: