@字体面不工作作为 <a href="http://downhamcottage.co.uk/test" rel="nofollow">http://downhamcottage.co.uk/test</a></p> <p>预计在Firefox 3.6中的MAC

我发展在Firefox 3.6中我的临时服务器上的网站我有链接到该网站的CSS文件，该文件是@字体面不工作作为 <a href="http://downhamcottage.co.uk/test" rel="nofollow">http://downhamcottage.co.uk/test</a></p> <p>预计在Firefox 3.6中的MAC

我得到字体堆叠顺序中较低的字体，例如初始页面加载时的无衬线字体，然后只要用户点击另一页面，就会启动Museo 300和500字体。它在ie7中也可以在其他浏览器中正常工作！在样式表中所使用的@字体面风格如下：

@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的MAC，将不胜感激，因为我说的其他浏览器上看起来不错？

来源

2011-03-28 Jonathan Beech

我会建议使用FontSquirrel来验证CSS是跨浏览器。 – 2011-03-28 11:56:18

从我了解的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文件，我不知道为什么你需要它

来源

2011-11-04 23:28:49

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

当壁虎显示，使用网络字体，它最初使用在用户的计算机上可用的最好的CSS后备字体在等待网页字体完成下载显示文本的页面。随着每个Web字体完成下载，Gecko更新使用该字体的文本。这允许用户更快速地阅读页面上的文本。

来源

2012-04-18 08:27:17

@字体面不工作作为 <a href="http://downhamcottage.co.uk/test" rel="nofollow">http://downhamcottage.co.uk/test</a></p> <p>预计在Firefox 3.6中的MAC

回答

相关问题