Hatena::Grouptheme

n-yujiのテーマ作り日記

2004-07-31Macのブラウザでのフォント表示について

Mac向けに「Osaka」を指定しないほうがいいのでは?

はてなブックマーク - Mac向けに「Osaka」を指定しないほうがいいのでは? - n-yujiのテーマ作り日記

n-yujiは、会社ではMacOS X&MacOS 9を、自宅ではWinXPを使っていますので、結構いろんな環境で確認できる立場なのです。まあ、あまり会社ではてなとか見てるわけにもいかないんですけれど(^^;)

テーマ作成にあたって、MacとWinのブラウザ表示の違いやCSSについて、改めて調べていくうちに気がついたことがあります。それは、Mac向けにCSSで「Osaka」を指定しないほうがいいんじゃないか、ということなのです。

その理由は……

はてなブックマーク - その理由は…… - n-yujiのテーマ作り日記

MacOS 9以前のシステム標準フォントはOsakaです。OS 9+IE5では、指定しなくても和文はOsakaで表示され、他にフォントの選択肢はないと言ってもいいと思います。

対して、MacOS Xの標準フォントは、Osakaではなくヒラギノシリーズです。デスクトップのフォントはすべてヒラギノで、美しいアンチエイリアス表示です。

OS XにもOsakaは入っているのですが、実はあまり目にする機会がありません。過去データとの互換のために一応残されたのかな~という感じの扱いです。

OS X+Safariでは、指定しなければ和文は「ヒラギノ角ゴ Pro W3」で表示されます*1

ですが、OS X+IE5.2では、標準フォントが「Osaka」となっています。たぶんOS 9のIEと見映えの互換を保つためでしょう。

MacのIEはすでに開発を終了しています。今はまだIEを使っている人も多いと思いますが、今後(あるいはすでに)Macのブラウザの主流がSafariに移るのは間違いないところです。

つまり、Mac向けに、CSSで「Osaka」を指定した場合、Safariで「ヒラギノ角ゴ Pro W3」ではなく「Osaka」を表示させてしまうことになるわけで、これは今となっては意味がないというか無用な処理です。

NN4の文字化け対策

はてなブックマーク - NN4の文字化け対策 - n-yujiのテーマ作り日記

唯一、Osakaを指定する意味があるとすれば、Mac版NN4の文字化け対策です。この場合、Osakaをfont-familyの「一番最初に」指定しないといけないそうです(未確認ですけど)。

「ウェブマスターのための文字化け講座」*2

http://www.shtml.jp/mojibake/font.html

Amazonのサイトなどは、なるほど確かにそういう指定になっています。

*1:もう少し正確に言うと、標準フォントは欧文のHelveticaで、和文のところがヒラギノ角ゴ Pro W3の表示になります。

*2:関係ないですけど、このサイトの『 「美乳」で文字化けが直るって本当?』には、文字コードの奥深さを再認識させられました、はい。

DocSeriDocSeri2004/08/02 09:01ヒラギノ,Osakaの順に指定するとヒラギノがないときに限りOsakaを使用するようにできるのではありませんでしたっけ。

n-yujin-yuji2004/08/02 13:08あぁ、そうするとOS XのIEでもヒラギノが表示できるわけですね〜。でも、その場合もOsakaは省略しちゃっていいような気がするんですよ。

トラックバック - http://theme.g.hatena.ne.jp/n-yuji/20040731