Inter + Merriweather — ブログに最適なタイポグラフィペアリング

Inter + Merriweatherが機能する理由

Inter + Merriweatherの組み合わせは、モダンクラシックなペアリングで、クリスプで幾何学的なサンセリフの見出しと、読みやすいセリフの本文テキストという両方の長所を兼ね備えています。

見出し用のInter

Interは画面表示専用に設計されました。高いxハイト、開いたアパーチュア、慎重に調整されたオプティカルサイズにより、あらゆるスケールで驚くほど読みやすくなっています。見出しサイズ（24px以上）では、Interのクリーンな幾何学がページを圧倒することなく強力な視覚的アンカーを作成します。

h1, h2, h3 {
  font-family: 'Inter', system-ui, -apple-system, sans-serif;
  font-weight: 700;
}

本文用のMerriweather

MerriweatherはEben Sorkinによって画面での読書を念頭に設計されました。やや凝縮された文字形、頑丈なセリフ、寛大なxハイトにより、小さなサイズ（14-18px）でも長い段落を快適に読むことができます。

body {
  font-family: 'Merriweather', Georgia, 'Times New Roman', serif;
  font-weight: 400;
  line-height: 1.7;
}

コントラストが機能する理由

このペアリングは、スタイルのコントラスト（サンセリフ vs セリフ）を通じて明確な視覚的階層を作り出しながら、xハイトの一致を通じて調和を維持するため成功しています。Interの幾何学的精度とMerriweatherの有機的な文字形が美しくコントラストを生み出し、読者の目を見出しから本文テキストへと自然に導きます。