blog in a fog » フォントファミリー指定方法の検証

いろいろあってフォントサイズの検証が中途半端なままになっています。続きを始めたのですが、全然終わりが見えません。。。奥深すぎですフォントって。その途中でちょっと気になることを見つけたのでいったんまとめます。 複数のフォントファミリーを指定した場合の表示についてです。 たとえばfont-family: Arial, “ＭＳ Ｐゴシック”などとした場合、どのように適用されているのか。欧文フォントと和文フォントを指定していれば、半角英数には欧文フォント、2バイト文字には和文フォントが適用されるんじゃないかなーと漠然と思っていたのですが、どうもIEでは最初に見つかったフォントしか有効ではないという話を目にしたので確かめてみました。 Arialと明朝体を指定して各ブラウザで表示。font-family: Arial, “ＭＳ Ｐ明朝”のように指定しているので、予想通りなら欧文はゴシック、和文は明朝

[B-SAKATU]

欧文フォントに紐づけられた和文フォントが優先して適用される。 / IE だけじゃなくて Opera もだったんか。

[lucky-bag]

"FirefoxとSafariではWin/Macとも和文に明朝体が適用されていますが、IEとOperaではすべてゴシックです。"