不思議なフォント 'Trebuchet MS'
MovableType を 3.2 にバージョンアップしてから、フォントサイズがおかしいことに気づいた。
英数字と日本語でサイズが違うぞ！？
フォントサイズをいじったりしてみたけど効果なし。
デフォルトで指定されているフォントは 'Trebuchet MS'。
このフォントにサイズがないのかなぁ？ と半ばあきらめていたが、ちょっと調べてみたらおかしな現象が発覚した。
下の画像は、各フォント・各サイズを一覧にしたテーブルを IE 6 SP1 で表示したもの。
フォントは MovableType で使用されてる Trebuchet MS, Verdana, Helvetica, Arial と、おまけで MS UI Gothic, ＭＳ Ｐゴシック。
注目は Trebuchet MS の 11px で、両隣と比べると日本語だけ明らかに大きい。
よく見ると 14px と同じサイズだということに気づくだろう。
さらによく見ると、12px, 10px, 9px が同じサイズで表示されている。
なんじゃこりゃぁ！！
困ったもんだ。。。
ちなみに、下の画像は他のブラウザで見た場合。
Opera 8.5
Mozilla FireFox 1.0.4
ごらんの通り、普通に表示される。
つまり、IE6 SP1 だけがおかしかったのだ。
さて、対処法なんですけど。。。Microsoft さんが何とかしない限りどうしようもないよね。
とりあえずウチのサイトでは Verdana の優先順位を上げておきました。
ちなみに、単位を px から pt に変えると比較的まともなサイズになるのは確認しました。
