タイポグラフィで太字と斜体をいつ使用する必要がありますか？

タイポグラフィには多くの強調テクニックがあり、イタリックとボールドが最も一般的なテクニックです。イタリックとボールドは、元の書体デザインの異なるフォントバリエーションです。タイポグラフィでイタリックまたはボールドを使用するタイミングと、同じドキュメントで両方を使用する必要があるかどうかを確認しましょう。

この記事のテキストのほとんどは、通常のフォントの太さで書体Alegreyaを使用しています。 CSSでは、デフォルトのfont-weightプロパティの値は400です。 （通常）。

• 太字のフォントの太さは通常のフォントと同じスタイルで、太いです。 手紙。
• 斜体のフォントは、左から右に傾斜されています。 書体の通常のフォントのバージョン。
• 太字の斜体は斜めで太い 書体のバージョン。

CSSでfont-weightを太字に設定します：

p {
  font-weight: bold;
}

数値、通常は700を使用することもできます bold用です 。

HTMLタグを使用してフォントの太さを太字に設定するには、強調する単語を<strong>でラップします。 このようなタグ：

<strong>Text here</strong>

CSSでフォントスタイルを斜体に設定します：

p {
  font-style: italic;
}

フォントスタイルをHTMLタグで斜体に設定するには、強調する単語を<em>でラップします。 このようなタグ：

<em>Text here</em>

CSSで太字のイタリックを設定します：

p {
  font-style: italic;
  font-weight: bold; /*or 700*/
}

HTMLで太字のイタリックを使用するには、強調する単語を次のように折り返します

<strong><em>Text here</em></strong>

通常、太字、斜体、太字-斜体を並べて比較：

斜体と太字を使用する場合

イタリックとボールドはどちらもテキストブロックの特定の部分を強調するために使用されるため、少なくとも同じテキストブロック内では、そのうちの1つのみを使用する必要があるという考え方があります。もう1つの考え方は、斜体は軽度の強調に使用し、太字は強い強調に使用する必要があるというものです。

太字または斜体の強調レベルは書体ごとに大きく異なるため、書体（フォントファミリ）によって異なります。

一部の書体デザイン、特に sans-serif 分類、イタリックはかなり弱い。弱いので、傾斜/傾斜していることにほとんど気付かないため、強調ツールとしてはうまく機能しません。書体の斜体が弱い場合は、太字を使用してください。

一部の書体デザイン、特に serif 分類は、太字のフォントとほぼ同じくらい目立つ、強くて目立つイタリック体を持っています。この場合、どちらを使用するかを自分で決めることができます。物事をシンプルにしたい場合は、1つを使用してください。 読者を混乱させないように、同じテキストブロック内の強調スタイル。

ただし、書体に強い斜体がある場合 しかし、明らかにより太字 イタリックを使用して軽度の強調を行い、太字を使用して強く強調することができます。そのような書体の例は、あなたが今見ているもの、Alegreyaです。この段落の斜体のテキストは目立ちますが、太字ほどではありません。

ピクセルが最も多い場合は、通常、目が最初に移動します。そのため、太字の太い文字ストロークが通常は強い強調に最適なオプションですが、（適切に設計された）斜体は穏やかな強調に適しています。

いつbold-italicを使用しますか？

ときどき、太字と斜体を組み合わせて重要なテキストを強調したい場合があります。そのために、太字と斜体を使用しています。

私の意見では、太字のイタリックフォントを使用することは、実用的なデザインの選択というよりも芸術的な選択です。書体に美しい太字のイタリックフォントがあり、ドキュメントでうまく機能する場合は、必ずそれを使用してください。ただし、最初に個々の太字と斜体のフォントを使用してみてください。太字と斜体はあまりにも良いことです（強調しすぎる可能性があります）。

Alegreyaには美しい斜体があります

Alegreyaには美しい太字があります

Alegreyaには美しい太字のイタリック体があります

1回限りのテキスト要素には、太字のイタリックを控えめに使用します。

書体のオプションを調べる

決定する前に、斜体から太字まで、書体のフォントのバリエーションをテストする必要があります。また、一部の書体には、「髪の毛」（最も薄い）から黒（最も厚い）まで、多数のフォントの太さがあります。特定のコンテキストでは、「中」のフォントの太さが最適な場合もあれば、「超太字」の場合もあります。テスト、テスト、テスト！

シングルを少し強調するためにイタリックを使用する傾向があります 言葉。ときどき、連続する複数の単語に太字を使用します。例： 文の一部を強く強調したい場合。 このスタイルは、この特定の書体（Alegreya）には適していることがわかりましたが、あなたの書体には適していない可能性があります。

太字と斜体を同じ意味で使用しないでください。理由があり、同じドキュメント内で選択したスタイルと一貫性を保つようにしてください。何をするにしても、少ないことを忘れないでください 強調は常に優れています。

すべてを強調する場合、何も強調しません。