大文字/すべて大文字のテキストに文字間隔が必要な理由[タイポグラフィ]

タイポグラフィ

問題がありますか？

しなくても大丈夫です通常/デフォルトのフォントの太さを使用する場合、多くの場合、問題はありません。書体デザインとその使用方法によって異なります。

CSSでは、通常のフォントの太さは、font-weight: normal;を使用して宣言できます。 またはfont-weight: 400; —同じです。

通常の大文字と小文字（太字）

同じ例を比較してみましょうが、今回は太字のフォントの太さを追加します：

タイポグラフィ

タイポグラフィ

太い文字のストローク（太字）を使用すると、すべて大文字のテキストがどれほどタイトに見えるかわかりますか？これで、いくつかの文字が互いに接触していることがわかります。

CSSでは、font-weight: bold;を使用して、太字のフォントの太さを宣言できます。 。数値を使用することもできますが、選択したフォントファミリから使用できるフォントの太さのオプションがいくつあるかを確認してください。 700 通常は太字に相当しますが、常にそうとは限りません。

レタースペース（別名トラッキング）

前の大文字のテキスト要素の例のコピーを作成し、4pxの文字間隔を指定して、2つを比較してみましょう。

タイポグラフィ

タイポグラフィ

うわー、なんて違いだ！最初の例は閉所恐怖症の反応をほぼ引き起こしますが、2番目の例は反対の効果をもたらします。

CSSでは、文字間隔はletter-spacingで宣言されます。 プロパティ、例：letter-spacing: 4px; ハイフンの有無にかかわらずつづることができます（- ）正規言語ですが、CSSでは常に ハイフン。

はっきりさせておきます。文字間隔が追加された2番目のテキスト要素の例が常に優れた選択肢であることを示唆しているわけではありません。特定のユースケースで確立しようとしている雰囲気や雰囲気の種類によって異なります。

ポスターで映画のテーマを表現および強化するための最も強力なツールの1つは、タイポグラフィです。熟練したタイポグラファーは、以下について慎重に決定します。

• typeface / font-family
• 書体分類（セリフ、サンセリフなど）
• フォントサイズ
• 大文字の大文字小文字（大文字、小文字など）***
• フォントの太さ（通常、太字など）
• フォントスタイル（通常/通常/斜体）

映画のポスター、本の表紙、食品のラベルなど、どのような作業をしている場合でも、活版印刷のフォーマットの決定は、目前のタスクのコンテキストに基づいて行う必要があります。

文字間隔は1つにすぎませんが、タイポグラフィの強力な要素です：

大文字

無料

違いを感じますか？

気持ちはさておき、これを考慮してください： 一般に、大文字のテキストは、通常の大文字のテキストよりも読みにくくなっています。これは、文字がこの大文字と小文字のタイプを使用することで得られる対称的で比例した構造により、単語内の個々の文字、特に文や段落を区別するのが困難になるためです。

要約：

• 読みやすくするために、大文字のテキストは控えめに使用してください。タイトルや短い見出しには適していますが、文全体や段落には適していません。
• 経験則として、大文字/すべて大文字のテキストは、テキストを消化しやすくするために、文字の間隔を少し、場合によっては大きくすることでメリットがあります。
• 文字を接着したように見えない場合、テキストはより美的に心地よい傾向があります。ビジュアルは重要です。
• 厳密なトラッキング/文字間隔がぴったり合う場合もあります。

白黒ではありません。コンテキストが重要です。