ホームページのフォントはどう選ぶ?

ホームページのフォントはどう選ぶ?

記事
コラム
結論から言うと、本文は読みやすいゴシック体を1種類だけ選べば十分です。
見出しに雰囲気のある書体を足すとしても、全体で2種類までが扱いやすいです。
フォント(=文字の書体)選びは、デザインの中でも制作者に任せやすい部分です。

書体は服装と同じ


フォントは、サイトが着ている服のようなものです。
丸みのある書体はやわらかく、角張った書体はきちんとした印象になります。
同じ文章でも、書体が変わるだけで受け取られ方は変わります。

ただし、全身を派手な柄で固めると中身が頭に入ってきません。
サイトも同じで、本文は落ち着いた書体にして、見出しで少し個性を出すくらいが読みやすいです。
業種の雰囲気に合わせるなら、次のような考え方が目安になります。

・士業や医療など信頼感が大事なら、標準的なゴシック体
・飲食や雑貨など温かみを出したいなら、やや丸みのある書体
・老舗や和の雰囲気なら、見出しだけ明朝体を使う
・若い層向けなら、太めで力のある書体を見出しに

よくある3つの失敗


一番多いのは、書体を増やしすぎて全体がちぐはぐに見えることです。
ページごとに違う書体を使うと、同じサイトに見えなくなります。
迷ったら増やさない、が安全な判断です。

次に多いのが、パソコンに入っている特殊な書体をそのまま指定してしまう失敗です。
その書体を持っていない人の画面では、別の書体に置き換わって表示されます。
そのため実際の制作では、誰の端末でも同じに見えるWebフォント(=ネット経由で読み込む書体)を使うことが多いです。

三つ目は、文字を小さくしすぎることです。
見た目はすっきりしますが、スマホで読むとつらくなります。
本文は少し大きいかなと感じるくらいが、ちょうどよく収まることが多いです。

決め方の目安


自分で選び切る必要はありません。
「かっちり」「やわらかい」「和風」など、ほしい印象を言葉で伝えれば大丈夫です。
制作側はその言葉をもとに、読みやすさとのバランスを取って候補を出します。

参考サイトを見つけたときは、文字の雰囲気にも目を向けてみてください。
好きだと感じた理由が、書体の違いだったというケースはよくあります。

まとめ


本文は読みやすい書体を1種類、見出しで少し個性を出す。
これだけ押さえておけば、大きく外れることはありません。
迷ったときは、制作を依頼する前に質問だけしていただいても大丈夫です。

▼ ホームページ制作のご相談はこちら
サービス数40万件のスキルマーケット、あなたにぴったりのサービスを探す