カーニング

凸凹のパズルピースをぴったり隙間なくはめ込むように、特定の文字の組み合わせに生じる不自然な余白を自然に縮める技術です。

定義 形の異なる2つの文字が並んだときに生じる不自然な余白を、美しく整える微細な文字間隔の調整技術です。文字ごとに飛び出したり凹んだりする形状が異なるため、特定の文字ペアの距離を適切に詰めたり広げたりして、文章全体を均一で読みやすく見せる役割を果たします。

なぜ文字の間が自然と空いて見えてしまうのか?

コンピュータで文字を入力するとき、コンピュータは本来、それぞれの文字を見えない四角い枠(仮想ボディ)の中に一つずつ収めて並べています。四角い枠の幅が一定であれば文字同士の間隔も均等に見えそうですが、実際にはそう見えません。文字ごとに固有の形がまったく異なるからです。

例えば、アルファベットの大文字「A」と「V」が並ぶと、上部と下部に大きな空白ができてしまいます。どちらの文字も斜めの線で構成されているため、四角い枠同士は接していても、人の目には不自然にぽっかり空いているように見えてしまうのです。「To」や「Wa」などの組み合わせでも同じ現象が起きます。

そこで、2つの文字を少し重ねるように内側に引き寄せ、視覚的なバランスを整える作業をカーニングと呼びます。特定の文字ペアの形状的な隙間を埋めることで、単語がまるでひとつのまとまりのように滑らかにつながって見えるようにする魔法です。

カーニング前後の文字間隔と視覚的均衡の比較 調整前 不自然な余白が発生 字間 調整後 視覚的均衡が完成

字送り(トラッキング)とカーニングはどう違うのか?

文字の間隔を調整すると聞くと、多くの方は文書作成ソフトの「字送り(トラッキング)」機能を思い浮かべるかもしれません。しかし、トラッキングとカーニングは調整の仕組みも目的もまったく異なります。

トラッキングは、文章全体のすべての文字の間隔を一律の比率で広げたり狭めたりする機能です。整列している人たちに「全員一歩ずつ後ろに下がってください」と声をかけるようなものです。

一方、カーニングは特に間が空いて見えてしまう特定の2文字の間隔だけをピンポイントで調整します。背が高い人や大きな荷物を持った人の隣だけを個別に微調整してあげるようなイメージです。通常、ロゴや見出しのように文字が大きく表示され、余白のムラが目立つ場面で決定的な役割を果たします。

もう少し詳しく言うと

もう少し正確に言うと、現代のデジタルフォントには、何千通りもの文字の組み合わせに対するカーニング情報が、あらかじめ数値データとして記録されています。フォントデザイナーがフォントを制作する際に、「Aの後にVが来たら間隔を〇〇ピクセル詰める」というルール表をフォントファイルの中に組み込んでいるのです。

ソフトがこのルール表を読み込んで自動的に間隔を整えてくれる仕組みを、メトリクスカーニング(フォント内蔵カーニング)と呼びます。私たちがWebサイトやアプリで整った美しい文章を快適に読めるのも、フォント制作者による繊細なカーニング作業のおかげです。

印刷用のポスターやブランドロゴをデザインする際には、ソフトの自動計算だけに頼らず、デザイナー自身が1ピクセル単位で手動でカーニングを調整することもあります。人の目が感じる視覚的な心地よさや重なりは、単純な幾何学的計算を超えた繊細なバランス感覚が必要とされるからです。

🤔 よくある誤解

✕ 誤解

カーニングは、文章全体の文字間隔を一括で詰める「字送り(トラッキング)」と同じ意味である。

✓ 事実

字送り(トラッキング)はすべての文字の間隔を一律に調整しますが、カーニング(Kerning)は「A」と「V」のように余白が目立ってしまう特定の文字ペアの間隔だけを個別に詰めたり広げたりする技術です。

🧺 日常で出会う場面

1 アルファベットの「T」の後に小文字の「o」を配置するとき、Tの横棒の下の空間にoを少し潜り込ませるように詰めて配置する。
2 映画のポスターやブランドロゴなどの大きな見出し文字を作成する際、文字同士の間隔が不揃いに見えないよう1ピクセル単位で間隔を微調整する。
💡 つまり ひとことで

文字特有の形状によって生じる不自然な隙間を埋め、文章が均一で美しく読めるように、特定の文字の組み合わせの間隔を微調整する技術です。