文字が多いホームページなどは、文字と文字の間隔を適度に取ってあげるとより読みやすくできます。

文字間隔を調整するには、文字間隔を調整したいテキストを含むブロック要素でletter-spacingプロパティを使って調節します。

.letter-spacing_box01 {
      letter-spacing: 0.5em ;
}

<div class=”letter-spacing_box01″>
<p>文字と文字の間隔を調整する</p>
</div>
 

今回は効果を分かりやすくするため大きめに間隔を取りましたが、Case by Case で文字間隔を調整しましょう