2007年の標準的なfont-familyの指定（サンセリフ系の場合）

Web Designing2月号の特集は「CSSセッティング ベストチョイス」。基礎知識をさらっとおさらい出来る内容で、新しめのTipsも紹介されている。フォントファミリーの指定を見直そうと思っていたので、誌面を参考に仕事用の標準仕様を作ってみた。

body {
  font-family:
  "ヒラギノ角ゴ Pro W3","Hiragino Kaku Gothic Pro", 
  "Osaka",
  "メイリオ", "Meiryo", 
  "ＭＳ Ｐゴシック", "MS P Gothic", 
  Helvetica, Arial, sans-serif;
}

• Windows Vista に付属する新日本語フォント「メイリオ」を追加
• MacOSXの標準フォントを先に書く（Mac版Microsoft Office がインストールされた環境で「ＭＳ Ｐゴシック」の表示が優先されるのを避けるため。アンチエイリアスで表示される「ＭＳ Ｐゴシック」は美しくないから。同様の理由でOsakaも後に書く。）
• 見出しなど大きい文字サイズについて、「ＭＳ Ｐゴシック」では英数字にのみアンチエイリアスがかかる。全てビットマップでの表示に揃えたい場合、該当するセレクタに「MS P Gothic」と指定すれば英数字もビットマップの表示になる。
• 数字とか欧文の表示にこだわりたい場合は、欧文書体を先に配置する。