文字の間隔を指定する

letter-spacing.jpg

文字の間隔が狭くて読みづらかったので字間の調整をしていきます。

記事だけにスタイルを当てていきます。

ブログの記事は

<div class="asset-content entry-content">
内に記述されています。

ですのでこのクラスにCSSを定義します。

/*記事の幅と文字の間隔を調整*/
#alpha .entry-content {
margin : 0 55px 0 15px;
letter-spacing: 1px;(*追記*)
}
これだけだとHTMLばっかり記述してる引用文にまで文字の間隔が定義されてしまうので、

/*引用文の背景色と枠線と領域*/
#alpha blockquote {
background:#ffc;
border: 1px dashed #ccc;
padding: 6px 8px 6px 10px;
margin-left: 20px;
margin-right: 70px;
letter-spacing: normal;(*追記*)
}
と引用文にも定義します。

*何故クラスの中のタグを指定しないかというとブラウザによって記述されるタグが違うのでエンジンの違うブラウザで投稿したときにレイアウトが統一されないからです。

トラックバック(0)

トラックバックURL: http://blog.dobsoni.net/mt/mt-tb.cgi/14

コメントする