CSS でのフォント指定について調べてみた

いろいろなフォントを表示してみる

Verdana	この行は style="font-family:Verdana" というスタイルシート指定をしています。
Lucida Grande	この行は style="font-family:Lucida Grande" というスタイルシート指定をしています。
Hiragino Kaku Gothic ProN	この行は style="font-family:Hiragino Kaku Gothic ProN" というスタイルシート指定をしています。
Hiragino Mincho ProN	この行は style="font-family:Hiragino Mincho ProN" というスタイルシート指定をしています。
Meiryo	この行は style="font-family:Meiryo" というスタイルシート指定をしています。
sans-serif	この行は style="font-family:sans-serif" というスタイルシート指定をしています。
serif	この行は style="font-family:serif" というスタイルシート指定をしています。
Segoe UI	この行は style="font-family:Segoe UI" というスタイルシート指定をしています。
Arial	この行は style="font-family:Arial" というスタイルシート指定をしています。
Helvetica	この行は style="font-family:Helvetica" というスタイルシート指定をしています。
Yu Gothic	この行は style="font-family:Yu Gothic" というスタイルシート指定をしています。

結論

丸っこい英文フォント「Verdana」

Mac用のフォント「ヒラギノ角ゴ ProN」
Windows用のフォント「メイリオ」
ゴシック体の総称「sans-serif」

という順番で指定してみることにした。

この行は style="font-family: Verdana, 'Hiragino Kaku Gothic ProN', Meiryo, sans-serif;" というスタイルシート指定をしています。