Question

我一直在尝试在网站上使用@ font-face，我使用字体squirrel给我的css，它在Safari，IE和iPhone上看起来不错，但是在Firefox中它没有显示出来。我在Mac OSX Snow Leopard上安装了Firefox 7.0.1。我搜索过网络并尝试了一些“解决方案”，但没有一个有效。我希望加载@ font-face的网站是http://www.utochinredning.se

有人可以指出我可能解决方案的某个方向吗？

Answer 1

发布您的代码？

在黑暗中拍摄，但是你包含了所有合适的字体文件吗？这是你的@ font-face应该是什么样子的样本（至少我的样子）

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

我有以下字体文件：

Museo300-Regular-webfont.eot
Museo300-Regular-webfont.svg
Museo300-Regular-webfont.ttf
Museo300-Regular-webfont.woff

然后在你的样式表中：

h1 {
    font-family: "Museo300";
    font-weight: normal;
}

@ font-face不会在firefox中显示

1 个答案: