誰にでも見れる最小のフォントサイズについて

Question

10年位前はWebサイトに使用するフォントサイズで、
誰にでも見れる最小のサイズは14pxだと教わりました。

時は流れて、
現在は5インチでもFullHDのデバイスがあったり、
様々なサイズ、解像度のディスプレイがある中、
14pxだとディスプレイによってはかなり小さくなるのではないかと思います。

現在の主流のようなものをご教授いただければと思います。
CSSもメディアクエリも含めて理解しているつもりですので、
テクニカルな内容になっても構いません。

よろしくお願いします。

Answer 1

確かにピクセル密度も解像度もバラバラでどれが正解というのも言えない時代になってきた感じはしますね

個人的にはここ半年ほどで新規で作るサイトに関してはレスポンシブで組むこともあってかフォントサイズに関してはメディアクエリとの組み合わせで vh や vw といったビューポートとの相対サイズで指定するように変えました

Comments

[nobuzoh]

vh、vwって初めて知ったのですが、これいいですね～。

Answer 2

最適なフォントサイズは閲覧するデバイスや画面までの距離、表示されるフォント、言語、font-weightにもよります。
ですので、ターゲット層によるということになります。

Answer 3

私の環境はFullHDですけど、このサイトは13pxで表示されているようです。
私的には13pxだと少し小さめですが、見難いほどではありません。しかし、12px以下だと見難くなります。ちなみに、iPhoneでもそれと同様の結果となりました。

フォントサイズに関しては、人によるところが大きいので、はっきりとはいえませんが13pxぐらいが、誰でも快適に見られるボーダーラインじゃないでしょうか。

Comments

[nobuzoh]

私もこのサイトくらいなら大丈夫ですが、
老眼入ってくると厳しい見たいですね・・・。

Answer 4

フォントサイズに関してはベースを14px(62.5％の1.4rem)にしていますが、
利用者の環境に応じてcssで切り替えるようにしています。
実際はフォントサイズ以外の方が多いですが^^;
あとはスマフォであればピンチアウト・インを有効にしています。