タイポグラフィの基本：太字と斜体はいつ使うべき？正しい使い分けガイド

タイポグラフィにはさまざまな強調手法がありますが、その中でも最も一般的なのが「斜体（イタリック）」と「太字（ボールド）」です。どちらも元となる書体デザインのバリエーションであり、それぞれ異なる役割を持っています。この記事では、タイポグラフィにおいて斜体や太字をいつ使うべきか、そして同じ文書内で両方を使うべきかどうかを解説します。

この記事の本文の多くは、通常のウェイトの書体「Alegreya」を使用しています。CSSでは、font-weightプロパティのデフォルト値は 400（regular）です。

• 太字（bold）は、通常のフォントと同じスタイルで、文字がより太くなったものです。
• 斜体（italic）は、書体の通常フォントを左から右へ傾けたバージョンです。
• 太字斜体（bold-italic）は、書体を傾けて、かつ太くしたバージョンです。

CSSでfont-weightをboldに設定する

p {
  font-weight: bold;
}

数値で指定することもできます。通常、700がboldに相当します。

HTMLタグで太字にする場合は、強調したいテキストを<strong>タグで囲みます。

<strong>ここにテキスト</strong>

CSSでfont-styleをitalicに設定する

p {
  font-style: italic;
}

HTMLタグで斜体にする場合は、強調したいテキストを<em>タグで囲みます。

<em>ここにテキスト</em>

CSSで太字斜体を設定する

p {
  font-style: italic;
  font-weight: bold; /*または700*/
}

HTMLで太字斜体を使う場合は、次のように強調したいテキストを囲みます。

<strong><em>ここにテキスト</em></strong>

通常・太字・斜体・太字斜体の見た目の比較です。

テキスト

テキスト

テキスト

テキスト

斜体と太字、どちらをいつ使うべきか

一つの考え方としては、斜体も太字もテキストの一部を強調するために使われるものだから、少なくとも同じテキストブロック内ではどちらか一方だけを使うべきだというものがあります。もう一つの考え方は、斜体は弱い強調に、太字は強い強調に使い分けるべきだというものです。

筆者の考えでは、これは使用する書体（フォントファミリー）によって異なります。太字や斜体による強調の度合いは、書体によって大きく異なるからです。

一部の書体デザイン、特にサンセリフ系の書体には、弱い斜体が多い傾向があります。「弱い」とは、傾いていることにほとんど気づかないほどで、強調手段として機能しないという意味です。お使いの書体の斜体が弱い場合は、太字を使いましょう。

一方、特にセリフ系の書体には、力強く目立つ斜体があり、太字並みに存在感を放つものもあります。この場合、どちらを使うかは自分で判断できます。シンプルにしたいのであれば、読者を混乱させないよう、同じテキストブロック内では一つの強調スタイルだけを使うのがおすすめです。

しかし、書体に力強い斜体がありながら、それよりも明らかに強い太字がある場合は、斜体を弱い強調に、太字を強い強調に使い分けることができます。その好例が、今あなたが見ているこの書体「Alegreya」です。この段落の斜体テキストは目立ちますが、太字ほどではないことがわかるでしょう。

ピクセルが最も密集している場所に、視線はまず向かいます。そのため、文字の線が太い太字は強い強調に最適であり、（よく設計された）斜体は弱い強調に適しているのです。

太字斜体はいつ使うべきか？

時には、重要なテキストをさらに強調するために、太字と斜体を組み合わせたくなることがあります。そのためのスタイルが太字斜体です。

筆者にとって、太字斜体の使用は実用的なデザインの選択というより、芸術的な選択です。お使いの書体に美しい太字斜体があり、文書の中でうまく機能するなら、ぜひ使ってください。ただし、まずは個別の太字と斜体で試してみることをおすすめします。太字斜体は「良すぎるもの」（強調しすぎ）になりかねないからです。

Alegreyaの斜体は美しい

Alegreyaの太字は美しい

Alegreyaの太字斜体は美しい

筆者は太字斜体を控えめに、単発のテキスト要素に対してのみ使うようにしています。

書体の選択肢を探ってみよう

決定を下す前に、書体の各フォントバリエーション（斜体から太字まで）を必ずテストしてください。また、書体によっては「ヘアライン（最細）」から「ブラック（最太）」まで多数のウェイトを持つものもある点にも注意しましょう。あなたの用途によっては、「ミディアム」ウェイトが最適かもしれませんし、「エクストラボールド」かもしれません。テスト、テスト、そしてテストです！

筆者は、単一の単語への弱い強調には斜体を使う傾向があります。時には、文章の一部を強く目立たせたいときのように、複数の連続する単語に太字を使うこともあります。このスタイルはこの書体（Alegreya）ではうまく機能することがわかりましたが、あなたの書体ではそうとは限りません。

太字と斜体を場当たり的に使い分けるのは避けましょう。理由を持って、同じ文書内では選んだスタイルに一貫性を保つことが大切です。何をするにしても、控えめな強調のほうが常に良いということを忘れないでください。

すべてを強調すれば、何も強調していないのと同じことになるのです。