BLOG
LP のフォントを分析・解読する — 見出し・本文の書体が作る印象を読み解く
気になる LP を見て、「なんか読みやすい」「雰囲気に合ってる」——そう感じることはできても、そのフォントが"どう"効いているのか を言葉にして、自分の LP に活かせているでしょうか。「LP フォント」で検索して出てくるのは、「選び方」「おすすめ◯選」「業種別」「成果に直結」といったノウハウ記事がほとんど。どれも"これから選んで成果を出す人"のためのもので、目の前の LP のフォントが実際どう機能しているかまでは教えてくれません。この記事は逆に、すでにある LP で、見出し・本文・CTA にどんな書体が使われ、どんな印象を作っているかを、分析で読み解く ことに軸を置いて紹介します。どのフォントを選べば売れるか、ではなく、今の LP のフォントはどう機能しているか。選び方ではなく、読み解き方の記事です。
先に試したい人は、URL を入れてフォントを含む 5 要素を読み解く「分析」が、登録なしで 1 回無料で使えます（→ yorunoma を無料で試す）。
「選び方・おすすめ」の記事ばかりで、「読み解き」がない
LP のフォントについて調べると、たいてい行き着くのは「選び方」「おすすめフォント」の解説です。役に立つ情報も多いのですが、それは"これから何を選ぶか"の話。目の前の LP のフォントが、実際にどんな書体で、どんな印象で機能しているかは、そのページを 読み解かないと分かりません。「読みやすいな」で止まってしまい、その先の「どう効いているか」に届かないのです。
同じ「ゴシック」でも、見出しにどんな太さで使い、本文をどう読みやすく組んでいるか——書体の使い分けは LP ごとに違います。一般論のおすすめだけでは、目の前の LP がどう組み立てているかは説明できません。必要なのは、実際のページを 具体的に読み解く ことです。
なお、ここで言う「分析・解読」は、あくまで 見た目のデザインを読み解く ことです。アクセス数や CVR（成約率）を見るアクセス解析・効果測定とは別物で、この記事も yorunoma も、ページの見た目（フォント・配色・構造など）を対象にします。
LP のフォントの役割（ざっと）
実際の LP を読み解く前に、LP のフォントがどんな役割で使い分けられているか、地図として手短に押さえておきます。ここは一般論なので、さらっとで大丈夫です。
- 見出し（インパクト・印象づけ） — ファーストビューで目を引く部分。太めのゴシックなど、力強さや雰囲気を出す書体が使われがちです。
- 本文（読みやすさ） — ベネフィットや説明を読ませる部分。素直で読みやすいゴシックが向きます。
- CTA（行動を促す） — ボタンの文字。押しやすさ・分かりやすさが大切です。
多くの LP は、書体を 2 種類程度に絞りつつ、見出しと本文でウエイト（太さ）を変えてメリハリを付けています。ただし、目の前の LP が実際にどう組み立てているかは、分析して読み解かないと分かりません。そこで次は、実際の LP のフォントを読み解いてみます。
実際に、LP のフォントを読み解く
ここからが本題です。yorunoma で LP の URL を入れると、フォントが具体的に解読されます。見出しと本文に使われている書体が何系か、それがどんな印象を生み、なぜそう見えるのかまで言語化されるので、そのフォントがどう機能しているかを読み解けます。
フォント の解読を見ると、見出しと本文の書体と、その印象が読み解かれます。「見出しに太めのゴシックを使っていて力強い」「本文は読みやすいゴシックで揃えている」といった、書体の使い分け が、その LP の具体として分かります。「読みやすいな」が「本文が素直なゴシックで、行間もゆったり組まれているから読みやすい」という読み解きに変わります。
さらに詳細を開くと、見出しレベルごとの 文字サイズ・行間・字間 の具体値まで確認できます。「見出しを大きく、本文をゆったり組んでいるから、メリハリがありつつ読みやすい」のように、印象を作っている設定まで具体で掴めます。
なお、コピーや配色も同じ手順で読み解けます。たとえば LP で使われている色をまとめて読み解きたいときは 使われている色をまとめて読み解く をどうぞ。5 要素をまとめて読めるのが yorunoma の強みです。
これで分かること
書体と印象を読み解けると、「なんか読みやすい」が「どう効いているか」に変わります。
- URL 1 つで、フォントを含む 5 要素がまとめて分かる — 見出し・本文の書体と印象を、ツールを行き来せず 1 か所で読み解けます。
- フォントの使い分けが分かる — 「見出しは太めで印象づけ、本文は読みやすく」という組み立てが、感覚ではなく具体で見えます。
- 理解として取り入れられる — なぜ効いているかが分かるので、丸写しでなく、自分の LP の書体設計に応用できます。
正直にお伝えすると、フォント名をピクセル単位・画像から厳密に特定したいだけなら、WhatFont のような専用ツールの方が向く場面もあります。 yorunoma の強みは、書体の系統と印象・理由を、他の 4 要素とあわせて まとめて読む ことです。また、yorunoma がするのは読み解きで、フォントを書き換えたり、CVR・成果を保証したりするものではありません。「では、どう変えるか」まで優先度つきで踏み込みたい場合は、診断（Pro プラン以上）が向いています。
こんな使い方
LP のフォントの読み解きは、次のような場面で役立ちます。
- 気になる LP のフォントを読み解く — 「なぜこの LP は読みやすい／雰囲気が合って見えるのか」を、見出し・本文の書体と印象まで掴めます。おすすめを暗記するのではなく、実際の LP でどう機能しているかを確かめられます。
- 自分の LP のフォントを確認する — 自分の LP の URL を入れて、見出し・本文の書体の印象が狙いどおりになっているかを、見た目の解読の範囲で確かめられます。さらに優先度つきの改善点まで欲しい場合は、診断（Pro プラン以上）が向いています。
なお、フォントを どう調べるか（書体の特定手順）は Web サイトのフォントを調べる方法 に、明朝／ゴシックといった書体が 印象をどう変えるか の一般的な地図は 日本語フォントで、サイトの印象はどう変わるか に、それぞれ譲ります。この記事は、LP のフォント構成が「どう機能しているか」を読み解くことに軸足を置いています。
よくある質問（FAQ）
無料で使えますか。
はい。URL を入れて配色・フォント・コピー・構造・アニメの 5 要素を読み解く「分析（解析）」は全プランで使え、登録なしの無料体験で 1 回試せます。それ以降はプランによって 1 か月に解析できる回数が変わります。詳しくは 料金プランを見る からご確認ください。
フォント名も特定できますか。
yorunoma が読み解くのは、書体の系統（ゴシック／明朝など）とその印象・なぜ効くか です。「この書体は正確に何というフォント名か」をピンポイントで特定したい場合は、WhatFont のような専用ツールや、Web サイトのフォントを調べる方法 の手順が向く場面もあります。yorunoma は、フォントを含む 5 要素を印象・理由までまとめて読むのが得意です。
CVR や売上も分かりますか。
いいえ。yorunoma は 見た目のデザインを読み解くツール で、CVR（成約率）・売上・アクセス数は分析も予測もしません。それらはアクセス解析ツールや効果測定の領域です。yorunoma が扱うのは、フォント・配色・コピー・構造・アニメといった、デザインの中身です。
自分の LP も調べられますか。
はい。自分の LP の URL を入れれば、見出し・本文の書体とその印象を読み解けます（分析は全プランで使え、無料体験でも試せます）。自分の LP について優先度つきの改善点まで出す「診断」は Pro プラン以上、2 サイトを並べて見比べる「比較」は Premium プランの機能です。
まとめ
LP のフォントは、「選び方」「おすすめ◯選」で語られがちですが、それでは目の前の LP のフォントが実際どう機能しているかは分かりません。yorunoma なら URL を入れるだけで、見出し・本文の書体とその印象、なぜそう見えるかを読み解き、「見出しは太めで印象づけ、本文は読みやすく揃えている」という組み立てを具体で掴めます。フォント名の厳密な特定は専用ツールが向く場面もありますが、「書体が印象をどう作っているか」を理由まで含めて読めるのが、yorunoma の分析です。おすすめを暗記する前に、気になる LP のフォントが「どう機能しているか」を読み解いて、自分の制作に活かしてみてください。
あわせて読みたい
この記事に関するご意見・ご要望は contact@yorunoma.app までお寄せください。