@字體面不工作作爲 <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

回答

相關問題