CSSのletter-spacingで文字間隔を調整

Pocket

文字間隔をスペース(空白文字)等で調節すると音声ブラウザ等で読み上げ内容がおかしくなってしまったりします。そこで文字間を調整したい場合はCSSのletter-spacingを利用して文字間隔を調整しましょう。

使用例としては三種類あります。

デフォルト

p{
	letter-spacing : normal;
}

ピクセル数で指定(文字間隔が5ピクセル)

p{
	letter-spacing : 5px;
}

文字数で指定(文字間隔が1.5文字分)

p{
	letter-spacing : 1.5em;
}

SNSでもご購読できます。

スポンサーリンク

コメントを残す

*