読者です 読者をやめる 読者になる 読者になる

iOS 5 の Safari でヒラギノ明朝を表示させる

iOS 5 の登場によって iPhone/iPad明朝体が表示できるようになりました。
しかしながら Web ページを見ていても明朝体で表示されるページには巡り会いません。どうやら問題は CSS のフォントの指定方法にあるようです。
こちらにさまざまな方法でフォント指定したページを用意しました。



結論を述べると、iOS 5Safariヒラギノ明朝を表示させるには、アルファベットで「Hiragino Mincho ProN」を指定すればよい。 font-weight が normal の場合は W3、bold だと W6 が使用されます。

h1, h2, h3 { font-family: "Hiragino Mincho ProN", serif; font-weight: bold; }

MacSafari では同じく日本語での指定は無視されますが、serif と指定した場合も、N なし(JIS改正により字体が異なる)の場合もヒラギノで表示されます。