CSS でのフォント指定について２回にわたって書きましたが (その1、その2)、とりあえず消極的な解決方法をとることにしました。

最終的に当サイトで適用することにしたフォントファミリーは以下の通りです。

font-family: "Hiragino Kaku Gothic Pro", "ヒラギノ角ゴ Pro W3";

Safari 用に "Hiragino Kaku Gothic Pro" という指定 (フォントウェイトを指定しないことで太字が表示できるようになる)、Mac IE や FireFox 用に "ヒラギノ角ゴ Pro W3" (これらのブラウザは、日本語でヒラギノを指定しないと理解しないらしい) という２つです。

sans-serif の指定は、古い Windows 環境などで読めなくなるらしいのでやめました。ＭＳ ゴシック (または ＭＳ Pゴシック) については、わざわざ美しくないフォントを指定することもないと思い、やめました。

結局、OS X の人はヒラギノで、その他の人は自分のデフォルトフォントで、っていう感じです。可読性が一番大事で、後は誰がどんなフォントで読もうが、実際のところこちらの関知することではないかな、という結論です。ちなみにヒラギノ指定しないと、Safari はデフォルトがセリフ系欧文フォントが指定されているので、日本語のページは明朝体で表示されますね。この指定でうまくいっているかは、他のプラットフォームからも確認したいですね。(フィードバック歓迎です)

Trackback Ping URL(U)