space_bar 文字間隔（レタースペーシング）変換ツール（トラッキング → CSS） star

その場合はすでにCSSのpx値です。フォントサイズを正しく設定した上でpx欄に入力し、さまざまなフォントサイズで適切に拡大縮小するCSS用にem相当の値を確認してください。Figmaはファイルの設定によってパーセントとpxの両方の単位で文字間隔を扱えるため、値を開発チームに渡す前に、自分たちのデザインシステムがどちらを使用しているか確認しておくとよいでしょう。

大文字（capital letters）は、アセンダーやディセンダーを持つ小文字と並んだときに自然に見えるように設計されています。バランスを取る小文字がなく、大文字だけを詰めて配置すると、視覚的に窮屈に見えてしまいます。すべて大文字のラベル、ナビゲーション項目、アイキャッチテキストには+5%〜+15%（トラッキング50〜150）が定番の解決策で、文字の形を一目で読みやすい程度に広げてくれます。

トラッキングは、単語・行・選択範囲全体など、一続きのテキストに均一な間隔を加えるものです。一方カーニングは、「AV」や「To」のように隣り合う特定の1組の文字間だけを調整し、そのままでは重なり合ったり不自然な隙間が生じたりする箇所を修正します。CSSでもこの2つは別々に扱われ、letter-spacingがトラッキングを制御するのに対し、font-kerning（通常は「normal」のまま）はフォント自体に内蔵されたカーニングテーブルから文字ペアごとのカーニングを制御します。

CSSのletter-spacingは最後の文字の後にも間隔を追加します。これは多くの開発者を戸惑わせる仕様上のクセです。中央揃えや右揃えのテキストでは、この見えない末尾の余白が視覚的な中心をずらしてしまい、テキストが本来の位置よりわずかに左に寄って見える原因になります。よくある対処法は、その要素にletter-spacingの値とほぼ同じ大きさの負のmargin-rightを設定することです。

1960〜70年代の写真植字機器に由来します。Letraset社の転写シートや写真植字ユニットといった機械では、文字間の間隔を調整することは、フィルムや転写シートの上で文字が「トラック（track）」される位置を物理的にずらすことを文字通り意味していました。この用語はデジタル組版の時代になっても使われ続け、やがてPhotoshopやIllustratorのようなツールにおける文字間隔の標準的な呼び方となりました。それが本来指していた物理的な機械が姿を消してから、ずっと後のことです。