font-familyについて

tcnさん、はじめまして。
千葉のGadgetShopの芹川と申します。

頂いたご質問についてですが、CSSでのfont-familyの指定は本当頭を悩ませますよね。
AppleのサイトのCSSの指定の一部ですが、下記の通り指定しております。

"Lucida Grande", "Lucida Sans Unicode", "Hiragino Kaku Gothic Pro",… Meiryo,,Helvetica, Arial, Verdana, sans-serif;
（一部文字化けなどがあり正式に全てを並べた訳ではありません。ご了承ください。）

まず、下記の3点をおさえておきましょう！

1.優先順位
font-familyは左に書いたものから優先的に適用され、パソコンで利用しているフォントの条件に合致したものを適用します。パソコンに別のフォントをインストールすればそれも適用対象になります。WindowsやMacなどのOSによって表示できるフォント、あるいはブラウザによって読み込み動作が異なるので、それらに対応できるよう、複数のフォントファミリー名を記述します。今回のApple社のページもかなりの指定をしています。

2.「sans-serif」や「serif」を最後に指定
これは、ユーザのパソコンに最低限のフォントファミリーを提供するためのものです。必ず指定しておきましょう。

3.設定でよく使われている和文フォントを指定
Windows 7／Windows Vista：メイリオ
WindowsXP：ＭＳ Ｐゴシック
Mac：ヒラギノ角ゴ Pro W3

※
Windows 7／Windows Vistaの「メイリオ」と、Macの「ヒラギノ角ゴ Pro W3」は、きれいに表示されます。

WindowsやMacのようにOSの異なるユーザに対して同様の見せ方をしたいときには、「Web-font」を使うのもオススメです！
http://blog.petitboys.com/archives/webfont-services-japan.html

自分の納得するフォントで表示されるか色々font-familyの指定やWeb-fontなど試してみてください。