【Q&A】ランディングページを添削してください：フォント編

フォントを変えませんか？「源柔ゴシックがおすすめです」

《フォントを意識していないランディングページの例》

《源柔ゴシックで統一したランディングページの例》

フォント選びがランディングページの印象を左右する理由

ランディングページでフォントを効果的に使う方法

① フォントを統一して一貫性を持たせる

フォントがバラバラだと、ページ全体のまとまりがなくなり、読みにくい印象を与えてしまいます。見出し・本文・ボタンのフォントを統一することで、デザインに一貫性が生まれ、視覚的にスッキリした印象になります。

特に、本文のフォントと見出しのフォントが極端に異なると、読者の集中力が削がれる原因になるため、統一感を意識することが大切です。

② 適切なウェイト（太さ）を使い分ける

フォントには「Regular（標準）」「Bold（太字）」などのウェイト（太さ）があります。見出しを太字にすることで強調しやすくなり、読者が一目で重要な部分を把握できます。一方で、本文を太字にしすぎると圧迫感が出てしまい、逆に読みにくくなることもあります。

要点を強調したいときだけ太字を使い、それ以外は標準の太さにすることで、スムーズに読める構成になります。

③ 読みやすいフォントサイズを設定する

フォントサイズが小さすぎると、読みにくくなり、読者がストレスを感じて離脱する原因になります。特にスマホでの閲覧を考えると、本文は最低でも16px以上、見出しはそれより大きめ（24px以上）に設定するのが理想的です。

見出しと本文のサイズ差を適切に調整することで、情報の優先度が明確になり、読者がストレスなく情報をキャッチしやすくなります。

この記事で学んだあなたは次はこの記事がおすすめです！

今回の相談者は、コンサル業で起業して1年目。ランディングページを作ったものの、これで本当に良いのか不安を感じ、添削してほしいと悩んでいます！
ファーストビューの文字数が適切だと、一瞬で読者の心をつかめます。伝わりやすく、行動につながる文字数の秘訣をお伝えしています。

さらに、ファーストビューの背景と文字色のバランスを整えることで、伝えたいメッセージがより印象的に届きます。視認性を高めるポイントを解説します。

また、LPのファーストビューやキャッチフレーズに悩んでいるなら、こちらの記事も参考になります。ChatGPTを活用して、読者の心をつかむ言葉を生み出すための具体的なプロンプトを紹介しています。