日本語のみに別のCSS設定をする

今のデザインは、記事部分のフォント・サイズ(font-size)を14pxに。行の高さ(line-height)を1.4emに設定してあります。英文だとこれで全然問題ないのですが、やはり日本語だと行間がキツイです。そこで、記事内の日本語のみ少し大きめのline-heightを設定してみました。

TrueTypeフォント パーフェクトコレクション

TrueTypeフォント パーフェクトコレクションによれば、欧文の行間(レディング)はフォント・サイズの20%くらいでOKだそうですが、和文の場合は50%、もしくは75%くらいが適切だそうです。ちなみに、組版用語では、50%を「二分アキ」、75%を「二分四分アキ」と言うんだとか。ともかく、欧文の行間は、和文の行間よりも狭くすると言う事です。

そこで、和文のline-heightを1.7emに変更しました。一応、1.6emとか、line-heightはそのままで、フォント・サイズを小さくしたりするのも試したのですが、結局は1.7に。

続きを読む 日本語のみに別のCSS設定をする