文字間隔を調整する方法を紹介します。

文字間隔を広げるとこうなります。
文字間隔を狭めるとこうなります。


文字間隔を指定するには、スタイルシートに 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で改行が無視されてしまうバグを回避するためです。

関連記事

• プラグイン「最新コメント」に敬称を付ける (2009/05/19)
• 記事要約を利用して表示時間を短縮する (2009/05/16)
• 全体を半透明にして背景画像を表示する (2009/05/15)
• 文字間隔を調整する (2009/05/13)
• 記事先頭にランキング投票や広告等を入れる (2009/05/11)
• 自分のコメントに背景色をつける (2009/05/11)
• サイトマップに記事番号（通番）を表示する (2009/05/09)