フォントサイズと行間

質問

フォントサイズと行間についてご質問します。

フォントサイズ12px。文字上下に3pxのアキをとり行高18pxとする場合、
スタイルシートは下記ようになると思います。

font-size: 12px;
line-height: 1.5

フォントサイズが13pxで文字の上下に4pxのアキをとり行高21pxとする場合、line-heightは21/13=1.61538462と計算されます。

font-size: 13px;
line-height: 1.61538462

このように小数点以下が多い場合でもスタイルは正常に動作するのでしょうか(ちなみに13pxで行高19の場合1.46153846になります)。

普段、YUI 2: Fonts CSSを利用しております。デフォルト(100%)は13pxです。文字の上下に4pxのアキをいれ、行高を21pxに設定したいと思っております。その場合
font-size: 100%
line-height: 1.61538462
というのは正常に動作するのでしょうか。

回答No.1

yumitsuki · ベストアンサー

line-heightも、font-size同様、絶対値(ピクセル数など)で指定出来るようです。
ご質問の場合、font-sizeをピクセル数で指定するなら、
font-size: 12px;
line-height: 18px;
などとするのがもっとも確実だと思われます。

ただし、絶対値で指定することを避けるべきだとする考え方もあるようです。
http://potato.2nd-half.jp/tips/css/line-height.php

お礼

早速のご回答ありがとうございます。

>font-size: 12px;
>line-height: 18px;
>などとするのがもっとも確実だと思われます。

今回は相対表示で指定したいと思っています。
参考URL、とても勉強になりました。

ありがとうございます。