CSS font-familyはWindowsとMac OS Xで異なって表示される

Question

何らかの理由で、次の2つのコードスニペットがMac OS Xで正しく表示されますが、Windowsでは完全に無視されます。つまり、フォントはデフォルトのサイズとマージン。なぜこれができるのか？

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

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

Answer 1

ダッシュ付きサンセリフです。最初の2つのフォントは、おそらくWindows PCにインストールされていない（私はそれらを持っていない）。このような

Answer 2

トライ何か：

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

Answer 3

font-family属性によると、コンピュータのフォントはHelveticaノイエ、ルシーダグランデ、およびサンセリフを見つけよう。

ただし、PCにはHelvetica NeueまたはLucida Grandeがインストールされていません。ブラウザのデフォルト値はsans-serifであるため、代替フォントSans serifは見当たりません。

Lucida Sansのように、Windowsマシンで見つかるサンセリフフォントを追加してみてください。このフォントは恐ろしいデフォルトのサンセリフフォントArialのようには見えません。 を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; 
}