血統の森+はてな

旧はてなダイアリーの自動インポートによるアーカイブです。

スタイル属性でフォント遊んでたらどうやらブラウザごとに挙動が違う謎。

どうしてこうなった。


あ、<test>

あ、<test>

あ、<test>

あ、<test>

<div style="font-size:2em;">
<p style="font-family:'Times New Roman','メイリオ' ,serif;">あ、&lt;test&gt;</p>
<p style="font-family:'Times New Roman','メイリオ' ,sans-serif;">あ、&lt;test&gt;</p>
<p style="font-family:Arial,'メイリオ' ,serif;">あ、&lt;test&gt;</p>
<p style="font-family:Arial,'メイリオ' ,sans-serif;">あ、&lt;test&gt;</p>
</div>

英字部のは指定通りだけど、日本語フォントがまちまちの気がする。なぜ。
ついったーで指摘されたところによると、OSのフォントエイリアスの関係でこうなるとか何とか。でも、私の環境でブラウザごとに違うのは気になりますね。

日本語部

ブラウザ 1行目 2行目 3行目 4行目
IE MS Pゴシック MS Pゴシック MS Pゴシック MS Pゴシック
Firefox メイリオ メイリオ メイリオ メイリオ
Chrome メイリオ メイリオ メイリオ メイリオ
Opera MS P明朝 MS P明朝 MS Pゴシック MS Pゴシック