- カーニングとは？トラッキングとの違いとやり方・コツを解説
カーニングとは？トラッキングとの違いとやり方・コツを解説
最終更新日 : 2026年1月23日
▼記事のまとめ
- カーニングとは、隣り合う文字ごとの間隔を調整する技法。ロゴ・見出し・キャッチコピーなどで読みやすさや美しさを整えるために欠かせない。
- 調整の基本は行間や余白とのバランスをとること、自動機能に頼りすぎずフォント特性や文字サイズに応じて最適化すること。
- 無料デザインツール「Canva（キャンバ）」なら、自動カーニングや直感的な操作で初心者でも手軽に調整でき、プロ並みの文字組みが実現できる。
文字の間隔を整えるカーニングは、デザインの印象を大きく左右する重要な要素です。ロゴや見出し、キャッチコピーなど、目に入りやすい部分でわずかなズレがあるだけでも、全体のバランスや読みやすさに影響してしまいます。
そのため、広告（新しいタブまたはウィンドウで開く）や資料（新しいタブまたはウィンドウで開く）、SNS投稿（新しいタブまたはウィンドウで開く）まで、あらゆる場面でカーニングの工夫が求められるようになってきました。
この記事では、カーニングとは何かという基本から、上達するための具体的なコツ、デザインの目的に合わせた調整の考え方を解説します。
また、カーニング調整をスムーズに進めるために役立つ無料デザインツール「Canva（キャンバ）」の活用方法についてもご紹介します。日々のデザイン制作にすぐ取り入れられるヒントとして、ぜひ活用してみてください。
※本記事で使用している画像は、全てCanva（キャンバ）で作成しています。
目次
カーニングとは「文字間隔を調整する技法」
カーニングとは、隣り合う文字どうしの間隔を一つひとつ調整するデザイン技法です。間隔を狭めたり広げたりして整えることで、文字列全体が美しくまとまり、読みやすさも高まります。
Adobe PhotoshopやIllustratorなどのデザインツールで文字を入力すると、上記のようにフォントの形や文字の組み合わせによっては、文字の間に不自然な余白が生じることがあります。
そのままでは全体のバランスが崩れ、読みづらい印象を与えてしまうため、改善が必要になります。
特にロゴや見出し、タイトルのように視線を集める要素では、カーニングが欠かせません。余白が整っている文字は安定感があり、見る人にとって自然で心地よく感じられます。
カーニングを行うべき要素はどこ？
カーニングは、すべての文字に必ず必要というわけではありません。しかし、視線を集める要素や第一印象を決める部分では、その効果がとても大きく表れます。
カーニングは、特に以下の要素に対して行うと効果的です。
- ロゴやブランド名：わずかな不揃いでも印象に直結するため、丁寧な調整が欠かせません
- 見出しやタイトル：文字サイズが大きいため、間隔の違和感が目立ちやすい要素です
- キャッチコピー：短い言葉ほど乱れが目につきやすく、訴求力に影響します
- 数字や価格の表示：「1」「0」や記号を含む並びは不自然な余白が出やすい
- 日付やクレジット表記：数字や記号が連続するため、間隔を整える必要があります
- 多言語が混在する場合：日本語と英語などを組み合わせると余白感の違いが出やすい
- パンフレットやプレゼン資料：第一印象を左右する要素なので特に整える価値が高い
紙媒体とWebデザインでの使い方の違い
カーニングの基本的な考え方は共通ですが、紙媒体とWebデザインでのカーニングの使い方は少し異なります。
- 紙媒体：緻密な手動調整が求められる
- Webデザイン：CSSによる全体調整が中心となり、手動調整は限定的になる
紙媒体（雑誌、ポスター、書籍など）では、一度印刷すると修正ができないため、デザインの最終段階で文字を一つひとつ丁寧に手動でカーニングすることが重要です。
一方、Webデザインでは紙媒体と異なり、表示がデバイスや画面サイズによって変化するため、すべての文字を細かく手動調整するのは現実的ではありません。そのため、基本はCSSによる全体的なバランス調整を行い、見出しなど特に強調したい部分に限定して手動でカーニングするのが一般的です。
カーニングとトラッキングとの違い
カーニングとトラッキングはどちらも文字間隔を調整するものですが、目的と範囲が異なります。
- カーニング：2つの文字間のスペースを調整するもの
- トラッキング：文字のまとまり（単語や文章全体）の文字間隔を均一に調整するもの
カーニングは、文字列全体の視覚的なバランスを自然に見せることを目的とし、文字の形によって生じる余白の不自然さを解消するものです。
一方、トラッキングはデザインの雰囲気を統一する目的で、文章の密度や読みやすさを調整します。たとえば、見出しの文字間を広げてゆったりとした、洗練された印象を演出したり、本文を詰めて可読性を高めたりするなど、全体のデザイン性を支えるために使われます。
カーニングを行うメリット・効果
カーニングは一見細かな調整ですが、その積み重ねがデザイン全体の質を大きく左右します。ここでは、具体的にどのような効果が得られるのかを紹介します。
読みやすさが向上する
カーニングは、文章の可読性を大きく高めます。文字間隔がばらついていると、読み手の視線がスムーズに移動できず、文章の流れがぎこちなく感じられます。特に漢字・ひらがな・カタカナ・英数字が混在する文章では、不自然な隙間ができやすく、文字のまとまりが損なわれがちです。
見た目のバランスが良くなる
文字には字面（じづら）と呼ばれる形があり、その形によって隣り合う文字との間に生じる余白の量は異なります。例えば「T」と「o」、「A」と「V」のような組み合わせでは隙間が広く見えたり、不均衡に感じられることがあります。
カーニングによってこうした余白を調整すると、文字列全体が視覚的に調和し、安定感のあるレイアウトに仕上がります。
デザイン全体の印象に繋がる
カーニングは、デザインの細部に気を配るための大切な作業です。細部まで丁寧に整えられた文字組みは、受け手に質の高いコンテンツという印象を与えます。
さらに単に美しく見せるだけでなく、企業やブランドに対する信頼獲得にもつながります。特に広告やバナー、プレゼン資料のように第一印象が重要な場面では、この工夫が大きな効果を発揮すると言えるでしょう。
強調部分の印象を高める
タイトルやキャッチコピーのような文字は、文字サイズが大きい分、少しの隙間の違和感も目立ちやすくなります。
そのため、カーニングで文字の密度を適切に調整すると、余白が引き締まり、言葉そのものの存在感が強まります。その結果、メッセージが明確かつ力強く伝わり、見る人の記憶に残りやすくなります。
カーニングを行うときの基本ポイント
カーニングは、全体のレイアウトやフォントの特性に合わせて調整することが大切です。ここでは、実践で意識したい基本のポイントを紹介します。
行間や全体の余白と合わせる
文字間の調整は、行間や段落の余白とあわせて考える必要があります。文字間を狭く詰めると全体の密度が高まり圧迫感が出やすいため、行間を少し広めに設定するとバランスが取れます。
逆に文字間を広げすぎると全体が散漫に見えることがあるので、行間や周囲の余白との関係性を意識しながら調整することが大切です。
その際、全体を整えるトラッキングと細部を仕上げるカーニングを使い分けることも効果的です。
■トラッキングとカーニングの使い分けのポイント
- トラッキングで大枠を整える：文章全体の密度や印象を整え、大まかな雰囲気を決めます
- カーニングで細部を仕上げる：目立つ文字やロゴに施し、細部の不均衡を修正します
大枠を整えたあとに細かい部分を仕上げると、文字の印象は大きく改善され、読み手にとって心地よいデザインに仕上がります。
自動設定に頼りすぎない
Adobe IllustratorやPhotoshop などのデザインツールには、自動カーニング機能が搭載されています。これらは便利ですが、複雑な文字の組み合わせやロゴのように繊細さが求められる部分では、必ずしも最適とは限りません。
自動設定で全体の基準を整えたあとに、人の目で確認しながら、気になる文字を手動で少しずつ微調整することが仕上がりを大きく左右します。
フォントや書体の組み合わせを考える
フォントの種類によって、文字が持つ余白感や見え方は大きく異なります。調整の仕方を意識することで、文字組み全体の完成度が大きく変わります。
- 明朝体・セリフ体：骨格が細く装飾があるため、繊細に間隔を整える必要がある
- ゴシック体・サンセリフ体：線が太く直線的なため、詰めすぎるとぶつかって見える
- ひらがな・カタカナ：漢字より余白が広く見えやすいため、詰めるとバランスが良い
- 欧文フォント：文字の形により隙間が不自然になりやすく、「V」「T」などは注意が必要
- 数字・記号：「1」や「0」、「.」「/」などは前後との間隔が不自然になりやすい
- 多言語フォント混在：日本語と欧文では余白感が異なる
▶特定のジャンルに特化したフォント記事：筆記体フォント（新しいタブまたはウィンドウで開く）／数字フォント（新しいタブまたはウィンドウで開く）／うちわ文字フォント（新しいタブまたはウィンドウで開く）／筆文字フォント（新しいタブまたはウィンドウで開く）／韓国語・ハングルフォント（新しいタブまたはウィンドウで開く）／明朝体フォント（新しいタブまたはウィンドウで開く）／レトロフォント（新しいタブまたはウィンドウで開く）／漫画フォント（新しいタブまたはウィンドウで開く）
文字サイズに応じて間隔を調整する
文字サイズに応じて間隔を調整することは、読みやすさと見た目のバランスをとるうえで欠かせません。
文字サイズが異なると、同じ数値の間隔でも視覚的な印象が大きく変わります。サイズに合わせて最適な間隔を見つけることで、可読性を保ちながら美しさを引き出すことができます。
注意点として、文字サイズを後から変更すると、せっかく整えた間隔が崩れてしまうことがあります。まずフォントサイズを確定させ、その上でカーニングやトラッキングの調整に入ると良いでしょう。
やりすぎを避けることが大切
カーニングは細部にこだわる作業ですが、詰めすぎや広げすぎは逆効果です。例えば、「n」と「n」がくっついて「m」に見えてしまうようなケースは、読み間違いの原因になります。
カーニングの目的は「読みやすさ」と「見た目の美しさ」の両立です。過剰な調整を避け、自然で心地よい距離感を意識することが最も重要です。
カーニングを上達させる4つのコツ
カーニングを上達させるために、次の4つを意識しましょう。
文字ペアと字形の特性を理解する
カーニングが必要になるのは、主に文字の形が原因で隙間が目立ちやすい組み合わせです。「A」と「V」や「T」と「o」など、斜めや円形の字形が隣り合う組み合わせを優先的に覚えましょう。文字のくぼみや張り出しを観察し、どこを詰めるべきかを見極めることが、効率的な調整の第一歩です。
■確認すべき要素例
- 「A」と「V」は上部に大きな空白ができやすい
- 「T」と「o」は横棒の下に不自然な間隔が生まれる
- 数字「1」と「0」は縦のラインが強調され、広がりすぎて見える
全体バランスを最優先にする
カーニングで大切なのは、見た目の均等・バランスです。個々の文字ペアの調整にこだわりすぎると、かえって全体として不自然になることがあります。常に文字列全体や行全体を俯瞰し、心地よい美しさが実現できているかを意識しながら調整しましょう。
■確認すべき要素例
- ロゴの一部だけ詰めすぎると、全体が歪んで見える
- 雑誌の見出しでは、単語全体のリズムを重視して整える
- ウェブ本文では、複数行に渡ったときの読みやすさを優先する
デザイン意図に応じて調整する
カーニングに唯一の正解はありません。デザインの目的に合わせて間隔を変えることが重要です。
メッセージに力強さを出したいときは文字間を詰めて密度を高め、上品さや余裕を演出するなら広めに余白を取るなど、伝えたい印象に合わせて最適化しましょう。
■デザイン意図ごとの調整例
- スポーツブランドのロゴは力強さを出すために文字を詰める
- 高級ジュエリーの広告は、余裕を演出するためにゆとりを持たせる
- 子ども向け書籍は、可読性を優先してバランスの良い間隔にする
視覚確認とツールの活用を両立する
デザインツールの自動カーニング機能を活用するのは、調整の基準をつくる上でとても有効です。ただし、それだけで仕上げるのではなく、最終的には自分の目で確認しながら手動で微調整を行うことが欠かせません。
さらに、画面上の表示だけでなく、印刷や異なるデバイスでの見え方をチェックし、どの環境でも違和感がないかを確かめることが完成度を高めるポイントになります。
■確認すべき要素例
- Illustratorの自動カーニングを基準にして微調整を加える
- PCで整って見えても、スマホでは詰まりすぎて見えることがある
- 印刷すると、デジタルより文字間が広く感じられる場合がある
カーニングは、Canva（キャンバ）におまかせ！
文字の間隔をきれいに整えるカーニングは、デザイン全体の印象を大きく左右する大切な作業です。
でも「専門的で難しそう…」と感じる方も多いかもしれません。そんなときに頼れるのがCanvaです。直感的な操作と豊富な機能で、初心者からプロまで、誰でも美しい文字組みを実現できます。
デザイン初心者でも直感的に調整できる
Canvaは操作画面がシンプルでわかりやすく、マウス操作やスライダーを使って文字間を簡単に調整できます。専門的なソフトを使ったことがない方でも、感覚的に扱えるので安心です。
ここでは、Canvaでのカーニングの手順を説明します。Canvaでは、カーニングを一括で行える機能があるので、その機能の使い方を紹介します。（一括でカーニングを行った後に手動で微調整することも可能です）
1. Canvaを開き、作りたいデザインを選択する
2. カーニングしたい箇所を選択し、上部に表示されるメニューの［高度な設定］＞［設定をもっと見る］を選択する
3.「カーニング（文字詰め）」を選択して完成
また、先にもお伝えした通り、デザインツールでの自動設定では限界があります。細かな箇所は手動で調整する必要があります。Canvaであれば、個別で調整したい部分を切り抜いて、コピーして、貼り付けることで、適切な文字間隔になるよう調整できます。
豊富なフォントとテンプレートでプロ並みに仕上げられる
数千種類のフォントやデザインテンプレートがそろっているので、組み合わせ次第でプロのような仕上がりが叶います。フォント選びに迷ったときでも、テンプレートを参考にすれば自然とバランスの取れたデザインが作れます。
チームで共有・修正がしやすい
Canvaはクラウド型なので、作成したデザインをそのままチームメンバーと共有できます。コメントを入れたり、修正を加えたりと、リアルタイムでの共同作業がスムーズにできます。複数人での制作でも、カーニングの仕上がりをすぐに確認し合えるのが魅力です。
まとめ
カーニングは最終的には目で見て心地よいかどうかが重要になります。文字ペアの特徴を理解し、全体のバランスを意識しながら、デザインの目的に合わせて調整しましょう。
また、ゼロから自分だけで仕上げるのは時間がかかることもあります。そんなときは、Canva（キャンバ）のようなデザインツールを活用すると便利です。自動調整機能や豊富なテンプレートが用意されているので、初心者でも直感的に操作でき、プロ並みの美しい文字組みを実現できます。これからデザインを始める方も、日々の制作をもっと効率的に進めたい方も、ぜひCanvaを活用してみてください。
よくある質問
カーニングとは何ですか？
文字と文字の間隔を個別に調整し、見た目を美しく整える作業のことです。
カーニングとトラッキングの違いは何ですか？
カーニングは特定の文字ペア間の調整、トラッキングは文字列全体の間隔を均等に広げたり詰めたりする調整です。
カーニングの語源は？
英語の「kern（張り出し、突き出し）」に由来し、活字の一部を削って隣の文字に近づける技術からきています。
カーニングと字送りの違いは何ですか？
カーニングは文字同士の隙間を調整する作業、字送りは行全体での文字間隔を均一に設定することを指します。
カーニングの効果とは？
読みやすさを高め、デザイン全体を洗練させる効果があります。ロゴや見出しなどで印象を良くする効果もあります。
関連記事
