Webサイト HTMLでfont sizeを大きくしたら、行間が狭くなった！そんなときの解決方法。

ショップサーブで制作しているWebサイト。

店長日記やフリーページの入力画面で
文字サイズを「最大」に指定すると
自動的に<font size=”5″>になるのですが

更新したページを見てみると、行間が詰まって狭くなり
とてもじゃないけど見づらい状態に。

CSSではline-height:150%に指定してあるのに…
と悩んでいたら、このような記事を発見。

line-height の値には単位なしが良いとされる理由

そこで、line-height:1.5に指定してみたところ…

見事解決！

line-height:150%とline-height:1.5は
同じものではなかったんですね。