カーニングと文字間隔の違いは何ですか?
コメント
- リンク: graphicdesign.stackexchange.com/questions/257/ …
回答
すべてのフォントに組み込みがあります各文字の「サイドベアリング」によって決定される間隔。金属タイプでは、サイドベアリングは、タイプの個々のピースの物理的な右端または左端であり、両側の文字からの間隔を決定します。デジタルフォントは、基本的な設計プロセスでこれを模倣します。
-
“ カーニング 」とは、文字、数字、句読点などのペア(適切には「グリフ」)間の間隔を調整して、それらの間隔が正しく見えるようにすることを意味します。たとえば、AVの文字は、通常の書体で重なる必要があります。そうしないと、少なくとも1つが失われて戸惑うように見えます。彼らのカーニングは、お互いにぴったり合うように締められています。イタリック体の f は、一部のフォントで次の質問または引用符と衝突するため、カーニングはデフォルトの間隔から開く必要があります。
古代の筆記者はペンで簡単にカーニングできます。とインク、そして古い原稿を読むと、隣の文字のスペースに文字が侵入する場所がたくさんあります。金属タイプでは、それほど簡単ではありませんでした。カーニングでは、キャラクターの金属ベースまたはテーブルの一部を切り取る必要がありました。関係する時間、スキル、および作業の量は、頭が少し困惑する必要がある読者のための演習として残されています。本や特に新聞などのテキストの長い文章を対象とした金属活字の文字の形状は、必要なカーニングの量を最小限に抑えるように設計されています。
デジタルフォントに組み込まれたカーニングテーブルの割り当てカーニング値を特定の文字ペアにプリセットします。これは、デザイナーがどのように見えるかを最もよく見積もったものです。安価なフォントには数十のペア(またはまったくない!)があり、ハイエンドのフォントには数千のペアがあります。ただし、カーニングテーブルがどれほど徹底的かつ適切に構築されているかによって、いくつかの厄介な組み合わせで、グリフのプリセット値からカーニングを緩めたり締めたりする必要がある場合があります。
-
文字間隔(ソフトウェアアプリケーションでは「追跡」が多い)は、テキスト内のすべてのグリフ間の間隔を調整します。これはたとえば、特に同様に開いた先頭の場合、ページをもう少しオープンで魅力的に見せることができます。非常に大きいタイプ、大きな見出しなど、ほとんどの場合、追跡を厳しくすることでメリットが得られます。キャプションや脚注などの小さなタイプは、文字間隔を少し開くことで読みやすくなります。特に、紙が吸収性で、インクが少し広がる場合はそうです。
最後の注意:カーニングと追跡の両方に注意してください。追跡は非常に頻繁に行われ、カーニングが十分に行われることはめったにありません。
コメント
- 最初の数枚の名刺/パンフレットをデザインした後、私はちょっとつまずきました。カーニングの力に。大きな違いがあります。
- リードタイプでは、文字の形が接触していなくても、オーバーラップを容易にするために、特定の文字のペアが単一のブロックとしてキャストされます。これは、大文字の" Q "の後に小文字の" u
。また、'文字の形が"ブロック"の外側に伸びているリードタイプを見たことがあります。ただし、重複する文字を押し合わせるとタイプが簡単に壊れてしまう可能性があるため、このようなタイプは注意して使用する必要があると私は理解しています。
回答
タイポグラフィでは、文字間隔、トラッキング
は、文字のグループ間のスペースの量を指し、テキストの行またはブロックの密度に影響を与えます。
文字間隔は
カーニング 。文字間隔とは、単語またはテキストのブロックの全体的な間隔を指し、全体的な密度とテクスチャに影響を与えます。カーニングは、視覚的に不均一な間隔を修正するために、2つの特定の文字の間隔調整に特に適用される用語です。カーニングは文字を互いに近づけて調整し(負の間隔)、追跡は文字をさらに離して調整します(正の間隔)。
例:
コメント
- カーニング/追跡が正か負かは必ずしも重要ではないことに注意してください(少なくとも、Adobe InDesignではそうではありません)。確かに、カーニングは常に2つの文字間の間隔を指し、追跡は全体的な密度を修正します。前者は、たとえば、タイトルやロゴの単語を'微調整する場合に役立ちますが、後者は'より大きなテキストに取り組んでいます。また、ほとんどのフォントでは、" a ividのような文字の間に'カーニングペア'があります。上記の例の= “b8c9488eb3″>
と" v "は、デフォルトで定義されています(ソフトウェアを使用すると、これらに関連してカーニングを調整できます値)。
divのdivid = "b30dbe9e7d">