Widely available YES。主要ブラウザで広く対応済み。本番利用を推奨。
タイポグラフィ Widely available

letter-spacing

文字間の間隔（トラッキング）を調整するための基本的なタイポグラフィプロパティです。見出しの文字間を広げて存在感を出したり、大文字テキストの可読性を向上させたりする用途で使用されます。日本語テキストでも字間調整として活用でき、デザインの品質向上に寄与します。

字間トラッキング

概要

文字間の間隔（トラッキング）を調整するための基本的なタイポグラフィプロパティです。見出しの文字間を広げて存在感を出したり、大文字テキストの可読性を向上させたりする用途で使用されます。日本語テキストでも字間調整として活用でき、デザインの品質向上に寄与します。

対応ブラウザ

デスクトップ

Chrome 1+
Edge 12+
Safari 1+
Firefox 1+

モバイル

Chrome Android 18+
Safari iOS 1+
Firefox Android 4+

基本構文

CSS 
h1 {
  letter-spacing: 0.05em;
}
.uppercase {
  text-transform: uppercase;
  letter-spacing: 0.1em;
}

実務での使いどころ

  • 見出しの字間調整

    見出しテキストの文字間隔を広げて視認性と高級感を向上させ、本文との視覚的な差別化を図ります。

注意点

  • 過度な字間の拡大は可読性を低下させます。特に本文テキストでは控えめな値を使用してください。

アクセシビリティ

  • letter-spacingが大きすぎると認知障害のあるユーザーにとって読みにくくなる場合があります。WCAGでは最低1.12倍の行間が推奨されていますが、字間も適度に保つことが重要です。

参考リンク