文字間隔を調整する方法を紹介します。
文字間隔を広げるとこうなります。文字間隔を狭めるとこうなります。文字間隔を指定するには、スタイルシートに
letter-spacing を指定します。
例えば、当サイトテンプレートの記事の文字間隔を調整する場合は、以下をスタイルシートの末尾に加えます。
【standardシリーズ】
.article {
letter-spacing: 0.5em;
}
.article br {
letter-spacing: 0;
}
【lightframeシリーズ】
.ently_body {
letter-spacing: 0.5em;
}
.ently_body br {
letter-spacing: 0;
}
0.5em は 0.5文字分の間隔を空けます。
単位を
px にすると間隔を固定値にできます。
-5px と、マイナスを指定することで狭くすることもできます。
お好みに合わせて調整してください。
br に
letter-spacing:0; が指定されているのは、IEで改行が無視されてしまうバグを回避するためです。
- 関連記事
-