トラッキング(tracking)は、ひとまとまりのテキストの字間を均等に空けたり詰めたりして調整することです。なお、特定の組み合わせの字間を調整することはカーニングといいます。
CSSでトラッキングをするにはletter-spacing
プロパティを使います。プラス値で字間が広がり、マイナス値で狭まります。文字サイズに対する相対値であるem
単位を使うのが初期値はnormal
で、その場合は字間が0、つまりベタ組みになります。
.PrimaryNav {
letter-spacing: 0.1em;
}
.ArticleTitle {
letter-spacing: -0.05em;
}
たとえば、欧文の大文字だけで構成されたテキストは字間を少し空けると読みやすくなることがあります。また、見出しなど大きな文字サイズで字間が空いて見える場合はマイナス値を指定して調整するとよいでしょう。ただし、文字が重なってしまわないよう注意が必要です。