スマホ時のフォントサイズの適切は？【調べてみたら】

ニャンコ

スマホ版の時のフォントサイズはどのくらいの大きさが適切なのか調べてみました。

Web制作会社の制作実績をチェック！<

ワンコ

スマホ表示のフォントサイズについて

スマホ時のフォントサイズの推奨値は16pxとなっています。
ただ、16pxのフォントサイズでは幅375pxくらいのスマホサイズでは少し大きいような気がします。

かといって、あまり小さくするのも可読性が下がってしまいます。
なので、最低13pxの大きさを確保したいですね。

13px～16pxのサイズが適切ですが、どこに設定しているサイトが多いのかを調べてみました。

調査結果

結果が以下の表になります。

※横軸の行が１サイト分の結果です。
１社につき２サイト調べています。

※２列目が幅375px時の実際のフォントサイズ（px）
※３列目は、font-sizeプロパティに設定されている値です。（pxで指定している場合は省略）

まとめ

結果はこのようになりました。
14pxが圧倒的に多かったですね。

大きすぎず小さすぎないちょうどいいサイズなのかもしれませんね。

また、フォントサイズの指定方法は「rem」での指定が圧倒的に多かったです。
「vw」で指定している場合も、画面幅を小さくしても13pxを下回らないようにしています。