2009年4月 2日 14:16 | コメント(0)

メイリオとＭＳＰゴシックの違い

windows VISTA以降でデフォルトで搭載されるフォント「メイリオ」とVISATA以前のフォント「ＭＳＰゴシック」の違いがあります。
Webサイト構築する際、違いに注意しないとレイアウトが壊れる可能性があります。

下記の検証するタグに、border:1px solid red;をつけています。
ボーダーの中の枠のサイズを計測しています。

Pタグでの検証

メイリオの場合

Internet Explorer7：27px FireFox3：24px

ＭＳＰゴシックの場合

Internet Explorer7：18px FireFox3：19px

メイリオの場合

Internet Explorer7：54px FireFox3：48px

ＭＳＰゴシックの場合

Internet Explorer7：37px FireFox3：33px

メイリオの場合

Internet Explorer7：22px FireFox3：20px

ＭＳＰゴシックの場合

Internet Explorer7：14px FireFox3：15px

メイリオは、ＭＳＰゴシックより上下の空きを大きくとってしまいます。
高さを固定した環境じゃないとレイアウトが壊れる場合、注意した方がいいです。

1204192 hit