見出し用の凝縮フォント — タイトなスペースでのインパクト
OswaldやBarlow Condensedなどの凝縮フォントやナローフォントを使用して、読みやすさを維持しながらハイインパクトな見出しを作成する方法。
Typography Techniques
詳細な説明
凝縮フォント:最大インパクト
凝縮フォントは垂直方向の高さを維持しながら水平方向の文字幅を圧縮します。これにより、タイトなスペースにより多くの単語を劇的な視覚的インパクトで収めることができ、見出し、バナー、ナビゲーションに最適です。
人気のGoogle Fonts凝縮オプション
| フォント | 特徴 | 最適な用途 |
|---|---|---|
| Oswald | 太い、インパクトがある | ニュースの見出し、スポーツ |
| Barlow Condensed | モダン、クリーン | テック、ビジネス |
| Roboto Condensed | ニュートラル、多用途 | UI、ナビゲーション |
| Fjalla One | 強い、幾何学的 | ポスター、バナー |
| Bebas Neue | 超凝縮、均一 | ディスプレイ、ロゴ |
凝縮フォントのタイポグラフィヒント
- 大文字使用時にレタースペーシングを追加(0.02-0.05em)して文字が窮屈に感じるのを防ぐ
- 大きなサイズでのみ使用(24px以上)。凝縮フォントは小さなサイズで読みやすさが低下する
- 見出しの視覚的密度を補うために、本文テキストに寛大なラインハイトとペアリング
- 見出しとラベルに限定。凝縮フォントを本文テキストに使用しない
凝縮フォントを使用すべきでない場合
本文テキスト、長い段落、またはユーザーがすばやく読む必要があるコンテンツに凝縮フォントは避けてください。プライマリテキストとしてではなく、アクセントタイポグラフィとして最も効果的です。
ユースケース
ニュースWebサイト、スポーツサイト、イベントページ、ポスタースタイルのランディングページ、限られた水平スペースで見出しが注目を集める必要があるデザインに凝縮フォントを使用してください。