ゴシック体が普通ですが、丸ゴシックも可読性が良いので追加です。
【ゴシック体のCSS】
gothic.css ←このファイルをダウンロードして設置
* {
font-family: “ヒラギノ角ゴ Pro W3”, “Hiragino Kaku Gothic Pro”, “メイリオ”, Meiryo, Osaka, “ＭＳ Ｐゴシック”, “MS PGothic”, sans-serif;
}
【丸ゴシック体のCSS】
maru-gothic.css ←このファイルをダウンロードして設置
* {
font-family: “ヒラギノ丸ゴシック Pro W4”, “Hiragino Maru Gothic Pro”;
}
ヒラギノ丸ゴシック Pro W4は、ヒラギノ角ゴ Pro W3よりも少し太くなるので、より読み易くなる場合もありますが、太字との違いも分かりづらくなるとも言えます。どちらにしても明朝体よりも、ゴシック体や丸ゴシック体の方が明らかに読みやすくなります。
Safari6へのスタイルシートの設定方法は、以前の記事を参照してください。