【Wordprss】 Webサイトで読みやすい最適なフォントの大きさは何px?

Uncategorized

PC、タブレット、スマホとも読みやすいのは16pxと言われている。

それぞれのブラウザで表示を拡大縮小できるが、サイトで見やすいのはどのくらいの大きさのフォントだろうか。

pxはモニターの画素(ピクセル)を1とした単位なので、画素数が高く、大きさが小さいモニターではフォントサイズも小さくなってしまうが、現在主流であるモニター24インチ、フルHD(1920×1080)なら、16pxはちょうどいい大きさだと思う。

(現在主流のモニターは価格.comのランキングより。27インチ4K(3840×2160)も4万円を切っているので今後の主流になりそう。)

 

Google Chromeブラウザでの標準的な文字の大きさも16px

主要ブラウザでも、16pxが標準であると言われている。

この記事も16pxで書いている。使用しているテーマが「cocoon」なのでデフォルトで16pxになっている。

 

Amazonのカスタマーレビューのフォントサイズ、行の高さは?

よく目にする、amazonのレビュー。これらのフォントサイズは、13px。行の高さ(line-height)は、1.5

 

フォントサイズのサンプル一覧

フォントサイズ

通常 太字(ボールド)

10 px

サンプル文字 0123456789  サンプル文字 0123456789 

12 px

サンプル文字 0123456789  サンプル文字 0123456789 

14 px

サンプル文字 0123456789  サンプル文字 0123456789 

16 px

サンプル文字 0123456789  サンプル文字 0123456789 

18 px

サンプル文字 0123456789  サンプル文字 0123456789 

20 px

サンプル文字 0123456789  サンプル文字 0123456789 

24 px

サンプル文字 0123456789  サンプル文字 0123456789

28 px

サンプル文字 0123456789  サンプル文字 0123456789

32 px

サンプル文字 0123456789 サンプル文字 0123456789

36 px

サンプル文字 0123456789  サンプル文字 0123456789 

42 px

サンプル文字 0123456789  サンプル文字 0123456789 

48 px

サンプル文字 0123456789  サンプル文字 0123456789 

 

 

 

 

 

コメント

タイトルとURLをコピーしました