WEB制作、マーケティングに関する情報をお届けします。ホームページ制作会社、テラのブログ

大手サイトのフォント周り(サイズ・行間・文字送り等)を調べてみた。2016年11月

タグ:

大手情報サイトのフォント周りを調べてみた。
見やすいフォントを考えるにあたって大手情報サイトやまとめサイトなどのフォントサイズ、文字送り、行間等を調べてみました。
読みやすいサイト制作の参考になればと思います。

1.Naverまとめ

naverまとめのフォントイメージ

2.VOGUE

VOGUEのフォントイメージ

3.Yahoo!ニュース

yahoo!ニュースのフォントイメージ

4.日本経済新聞

日本経済新聞のフォントイメージ

5.ダイアモンド・オンライン

ダイアモンド・オンラインのフォントイメージ

6.Apple

APPLEのフォントイメージ

7.まとめ

新聞社やヤフーニュースなどの一般的なニュースを扱うところはフォントサイズ・文字送りなどはブラウザでのデフォルトが多いようです。
今回、掲載していない新聞社のサイトもフォントはブラウザのデフォルト設定を利用しているところがほとんどです。
IEでの画面拡大などによるレイアウト崩れなどを想定していることに加え、文字サイズを変更できる機能をサイトに導入しているためだと思われます。
まとめサイトなどのコンテンツサイトみたいなところは若者を集客のメインターゲットにしているためか文字サイズは小さめでデザイン性も少し高い気がします。
読みやすさをメインとするなら、フォントサイズと文字送りはブラウザのデフォルト設定がベストなのかもしれませんね。