Question

我正在Firefox 3.6中的登台服务器上开发一个网站 http://downhamcottage.co.uk/test

我有一个链接到该网站的css文件

我在字体堆叠顺序中得到较低的字体，例如初始页面加载时的sans serif，然后一旦用户点击另一个页面，Museo 300和500字体就会启动。它甚至在ie7中也适用于其他浏览器！样式表中使用的@ font-face样式如下：

@font-face {
font-family: 'PermanentMarkerRegular';
src: url('../fonts/permanentmarker-webfont.eot#') format('eot'), 
     url('../fonts/permanentmarker-webfont.ttf')  format('truetype'),
     url('../fonts/permanentmarker-webfont.woff') format('woff'), 
     url('../fonts/permanentmarker-webfont.svg#webfontEHg8OqO7') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Museo300';
    src: url('museo300-regular-webfont.eot');
    src: url('../fonts/museo300-regular-webfont.eot#') format('eot'),
         url('../fonts/museo300-regular-webfont.woff') format('woff'),
         url('../fonts/museo300-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo300-regular-webfont.svg#webfontGEzJeS93') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Museo500';
    src: url('museo500-regular-webfont.eot');
    src: url('../fonts/museo500-regular-webfont.eot#') format('eot'),
         url('../fonts/museo500-regular-webfont.woff') format('woff'),
         url('../fonts/museo500-regular-webfont.ttf') format('truetype'),
         url('../fonts/museo500-regular-webfont.svg#webfontZgaZZaau') format('svg');
    font-weight: normal;
    font-style: normal;
}

任何关于为什么会在firefox 3.6 for mac上发生这种情况的想法都会受到赞赏，因为我说它在其他浏览器上看起来很棒？

Answer 1

根据我的理解，Firefox一般不喜欢'内的css，它似乎需要在"

之内

即：

@font-face {
     font-family: "PermanentMarkerRegular";
     src: url("../fonts/permanentmarker-webfont.eot") format("eot"), 
     url("../fonts/permanentmarker-webfont.ttf")  format("truetype"),
     url("../fonts/permanentmarker-webfont.woff") format("woff"), 
     url("../fonts/permanentmarker-webfont.svg#webfontEHg8OqO7") format("svg");
     font-weight: normal;
     font-style: normal;
}

你的.eot文件末尾有一个#，我不知道为什么你需要那个

Answer 2

可能是因为它仍在等待下载字体。 From Mozilla：

当Gecko显示使用网络字体的页面时，最初使用用户计算机上可用的最佳CSS后备字体显示文本，同时等待网络字体完成下载。当每个Web字体完成下载时，Gecko会更新使用该字体的文本。这允许用户更快地阅读页面上的文本。

@ font-face在Firefox 3.6中没有按预期工作

2 个答案: