Mac 19上的Firefox 19和Arial Narrow

我無法弄清楚爲什麼Arial Narrow在Mac上的某些Firefox用戶正確顯示，而不是其他人。這裏是鏈接：http://teknikor.bethmotta.com/（見導航字體）Mac 19上的Firefox 19和Arial Narrow

我的代碼是：

font-family: "Arial Narrow", Arial sans-serif; font-weight:500; 
font-stretch:condensed;

我甚至嘗試添加字體復位：

font-family: inherit; font-stretch:inherit; font-style:inherit; 
font-family: "Arial Narrow", Arial sans-serif; font-weight:500; 
font-stretch:condensed;

我試着瞄準Firefox的具體做法是：

@media screen and (-webkit-min-device-pixel-ratio:0){ 
ul.navcontainer li { 
font-family: inherit; font-stretch:inherit; font-style:inherit; 
font-family:"Arial Narrow", Arial, Helvetica, sans-serif; font-stretch:condensed;} 
}

我不確定它爲什麼適用於某些Firefox mac用戶，而不適用於其他用戶。所有測試過的電腦都運行Firefox 19.在Arial Narrow無法工作的計算機中，字體默認爲Times不是Arial。

我注意到在正確顯示的計算機上，Arial Narrow安裝在用戶庫以及系統庫中。在我看到Times的計算機上，Arial Narrow只在系統庫中，而不在用戶庫中......但是，Arial被安裝在兩者中，爲什麼導航默認爲Times？

一般情況下，Firefox是否在Mac用戶庫或系統庫中定位字體？

有關如何解決此問題的其他建議？我錯過了一些簡單的東西嗎

任何幫助非常感謝謝謝。

來源

2013-03-04 Beth

好的，好吧，如果有人感興趣，我想出了一些東西。我在樣式表中添加了小寫字母「arial」，Firefox默認爲arial而不是Times。

來源

2013-03-07 20:10:28 Beth

你可以試試下面的CSS3規則：

@font-face { font-family: Arial Narrow; 
src: url('ArialN.ttf'), 
    url('ArialN.eot'); /* IE9+ */

要使其工作，你需要包括字體文件到相應的文件夾（！）。使用

例子：

<!DOCTYPE html> 
<html> 
<head> 
<style> 
@font-face { font-family: Arial Narrow; 
    src: url('ArialN.ttf'), 
     url('ArialN.eot'); /* IE9+ */ 
} 
div{font-family:Arial Narrow;} 
</style> 
</head> 
<body> 

<div> 
With CSS3, websites can finally use fonts other than the pre-selected "web-safe" fonts. 
</div> 

<p><b>Note:</b> Internet Explorer 9+ only supports fonts of type .eot. Internet Explorer 8 and earlier, do not support the new @font-face rule.</p> 

</body> 
</html>

來源

2013-03-15 14:00:47

看起來奏效，謝謝茲比格涅夫！ – Beth 2013-03-18 15:24:04

Mac 19上的Firefox 19和Arial Narrow

回答

相關問題