font-size:14px;ってどこからどこまでが14px?（日本語遍）

2013年1月26日

font-size:14px;ってどこからどこまでが14px?で、font-size:14px;の場合の14pxは、大文字の高さ＋ベースライン下に加えて、上に18％ほど余白があってそれが合わせて14pxになってみました。

では、日本語フォントの場合はどうか？
予想としては、英字の大文字と同じかなといった感じですが。

ということで、以下のようなコードを書いて。
[html]<span style="font-size:200px;background-color:#ffcccc;">Iq深</span>[/html]
表示

グリッドを付けてキャプチャーしてみると、

これを見ると、漢字の場合、英字よりも一回りくらい大きいんですね。
上部余白が１０％、下部余白が５％ｍ、文字の大きさがフォントサイズの８５％。

やっぱり漢字の場合、画数が多いのでちょっと大きいのかな。