縦書きの考察〜FONT-SIZE LINE-HEIGHT 対応表

下記の対応表は、Windows版のIE/NNで調べたもの。IE4はIE5.01互換モードでの確認。
MAC OS 等他のOSでは異なる(普通は全て等幅になるのかな?)。

   

FONT-SIZE

LINE-HEIGT

特記事項


IE3 IE4-5.01 NC4.01
-4.7
IE5.01 120% IE5.01 200%
0 9pt
10pt
  7.5pt 8pt NC4 128%
IE4 120%
IE3 95%
NC4 200%
IE4 200%
IE3 160%
  × 11pt   8pt ---    
1 11.5pt
9pt 9pt NC4 130%
IE4 125%
IE3 105%
NC4 200%
IE4 200%
IE3 160%
IE4で、line-height が 120% になっていない
  × 12pt 10pt 10pt    
2 13pt   10.5pt 11pt NC4 125%
IE4 120%
IE3 105%
NC4 200%
IE4 200%
IE3 165%
  × 14pt   11pt ---    
3 15pt 12pt 12pt NC4 120%
IE4 120%
IE3 95%
NC4 200%
IE4 200%
IE3 160%
  × 16pt   13pt 13pt
14pt
   
4 17pt   13.5pt 14.5pt NC4 120%
IE4 118%
IE3 98%
NC4 200%
IE4 200%
IE3 165%
IE3:フォント指定の挙動不審(NC4の16pt表示)
  × 17.5pt 14pt ---    
5 18pt
19pt
  15pt 15pt NC 120%
IE4 120%
IE3 100%
NC 200%
IE4 200%
IE3 168%
IE3:フォント指定の挙動不審(NC4の17pt表示)
  × 20pt
16pt 16pt    

 IE4(互換モード)では、IE5.01より文字間隔が小さ目になる組み合わせもあるが、無視せざるをえない。

 たてがき君では、簡便の為、【字間】調整の為のlign-heightを、上記対応表より直線近似して計算している。その結果、標準となる120%では各ブラウザでの表示はほぼ同じであるが、標準以外の場合には見栄えが変わることがある。IE5.01で確認したが、lign-heightがある%で急に変化するところがあり、少なくとも5%刻みでの調査が必要であろう。面倒くさいのでしない。

縦書の考察 に戻る。
最終更新日:2000年3月6日 by 楯の会