Inter + Merriweather

9/10 professional-modern おすすめ

ライブプレビュー

プレビューテキスト見出し本文

. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

このペアリングが効果的な理由

Inter's clean geometric forms create a modern heading that pairs beautifully with Merriweather's warm, readable serifs for body text. The contrast between sans and serif creates clear hierarchy.

タイプスペシメン

見出し

フォントを見る →

Inter

AaBbCcDdEeFfGg

0123456789 !@#$%

Sans Serif 9 ウェイト

本文

フォントを見る →

Merriweather

AaBbCcDdEeFfGg

0123456789 !@#$%

Serif 7 ウェイト

使い方

HTML

<link href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;500;600;700;800;900;400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Merriweather:wght@300;500;600;700;800;900;400&display=swap" rel="stylesheet">

CSS

h1, h2, h3, h4, h5, h6 {
  font-family: 'Inter', sans-serif;
}

body, p, li {
  font-family: 'Merriweather', serif;
}

ペアリング詳細

スコア: 9/10
ムード: professional-modern
見出し: Inter
本文: Merriweather
見出しカテゴリ: Sans Serif
本文カテゴリ: Serif

最適な用途

blog portfolio documentation

クイックリンク

他のペアリング Inter

8 modern-readable