CSS字體家族在Windows和Mac OS X上的顯示方式不同

由於某些原因，以下兩個代碼片段在Mac OS X上正確顯示，但在Windows上完全忽略，即字體會恢復爲Times New Roman，其默認大小和邊距。任何想法，爲什麼這可能是？CSS字體家族在Windows和Mac OS X上的顯示方式不同

body { 
    font-family: "Helvetica Neue", "Lucida Grande", "Sans serif"; 
} 

#div h1, p { 
    margin: 0px; 
    font-size: 14px; 
    color: #333; 
}

來源

2011-07-28 Sebastian

它是無襯線的短劃線。前兩種字體可能未安裝在Windows PC上（我沒有它們）。

來源

2011-07-28 18:00:12 scottheckel

另外，無襯線沒有報價;這是一個關鍵字，而不是一個字體名稱。 –

嘗試這樣：

font-family: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, sans-serif;

來源

2011-07-28 18:02:57 Seth

按照font-family屬性，計算機試圖找到字體Helvetica Neue字體，龍力大，和無襯線。

但是，PC沒有安裝字體Helvetica Neue或Lucida Grande，並且無法找到後備字體Sans serif，因爲瀏覽器默認爲sans-serif，一個字，不帶引號。

建議您嘗試添加更多可在Windows機器上找到的無襯線字體，例如Lucida Sans，因此它看起來不像可怕的默認無襯線字體Arial。

頁邊距和字體大小應重新工作，但我建議你改變font-size: 14px;到font-size: 1em;或font-size: 100%;允許用戶縮放字體不破壞佈局。

這是你的解決辦法：

body { 
    font-family: "Helvetica Neue", "Lucida Grande", "Lucida Sans", "Lucida Sans Unicode", sans-serif; 
} 

#div h1, p { 
    margin: 0; 
    font-size: 1em; 
    color: #333; 
}

來源

2011-07-28 18:05:06 Edwin

CSS字體家族在Windows和Mac OS X上的顯示方式不同

回答

相關問題