FC2ブログのテンプレート工房

カスタマイズが簡単な共有テンプレートを配布しています。テンプレートをカスタマイズして自分だけのオリジナルブログを作りませんか?

スポンサーサイト

上記の広告は1ヶ月以上更新のないブログに表示されています。
新しい記事を書く事で広告が消せます。
[ --/--/-- --:-- ] スポンサー広告 | TB(-) | CM(-)

文字間隔を調整する

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

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


文字間隔を指定するには、スタイルシートに 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 と、マイナスを指定することで狭くすることもできます。

お好みに合わせて調整してください。

brletter-spacing:0; が指定されているのは、IEで改行が無視されてしまうバグを回避するためです。

関連記事
[ 4201 ] ありがとうございました!
 記事にあったやつをスタイルシートの「/*** その他 ***/」の部分に追加したら、ちゃんと上手く表示してくれました。
わざわざ記事にまでしてくださって、解りやすい解説ありがとうございました。
また何かあった時はよろしくお願いします。
[ 2009/05/13 09:50 ] [ 編集 ]
コメントの投稿









管理者にだけ表示
※現在カスタマイズに関するサポートを休止中です。
表示が崩れる場合は表示が崩れる原因の調査手順をお試しください。
その他の問題はFC2ユーザーフォーラムにお問い合わせください。
トラックバック
この記事のトラックバックURL

ブログ内検索1
プロフィール

Author:いたお
更新は非常にマイペースです
現在休止中です

当サイトはリンクフリーです。

いたおの他の運営サイト
カレンダー
11 | 2016/12 | 01
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
なんでもスクロール
このように
縦に長く伸びた
プラグインを
スクロールバーによって
一定の長さに
抑えることが
出来ます。

※スクロールさせる文字やプラグインのHTMLをここに
今日の日付入りカレンダー

11 | 2016/12 | 01
- - - - 1 2 3
4 5 6 7 8 9 10
11 12 13 14 15 16 17
18 19 20 21 22 23 24
25 26 27 28 29 30 31
ユーザータグ


△ ページトップへ戻る
上記広告は1ヶ月以上更新のないブログに表示されています。新しい記事を書くことで広告を消せます。