css - @font-face 在 Firefox 3.6 for mac 中无法正常工作

Question

我正在使用 Firefox 3.6 在我的暂存服务器上开发一个网站 http://downhamcottage.co.uk/test

我有一个链接到站点的 css 文件，它是

我在字体堆叠顺序中获得了较低的字体，例如在初始页面加载时使用无衬线字体，然后在用户单击另一个页面时立即启动 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;
}

关于为什么在 mac 版 firefox 3.6 上会发生这种情况的任何想法都将不胜感激，因为我说它在其他浏览器上看起来很棒？

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 文件末尾还有一个 #，我不确定您为什么需要它