ホームページで使うフォントサイズはどれくらいが見やすい?

ホームページで使用するフォントのサイズは、サイトの作成時に設定をすることができます。
サイズ指定せず作成すると、各ブラウザが標準としているサイズで自動的に表示されます。
サイズ指定無しで表示されるサイズはブラウザ側が読みやすいサイズとして設定しているものでもあるので、敢えて指定をせずに、ブラウザに決めてもらうのも悪いことではありません。…が、このブラウザが標準としているフォント標準は主に英語を基準に考えられているため、日本語のような全角、そして画数が多い言語に対して、必ずしも読みやすいとはならないのが難点です。
その為、サイトを制作する時にはデフォルト値にまかせず、コーディングでフォントサイズや行間の指定をしていきます。フォントのサイズはサイトを見てほしいターゲット、デザインなどに合わせて決めていきます。

フォントサイズサンプル

ホームページで使うフォントサイズはどれくらいが見やすいか?
読みやすいサイズを確認してみよう!!
Confirm text size!!  Font Size 4px

ホームページで使うフォントサイズはどれくらいが見やすいか?
読みやすいサイズを確認してみよう!!
Confirm text size!!  Font Size 6px

ホームページで使うフォントサイズはどれくらいが見やすいか?
読みやすいサイズを確認してみよう!!
Confirm text size!!  Font Size 8px

ホームページで使うフォントサイズはどれくらいが見やすいか?
読みやすいサイズを確認してみよう!!
Confirm text size!!  Font Size 10px

ホームページで使うフォントサイズはどれくらいが見やすいか?
読みやすいサイズを確認してみよう!!
Confirm text size!!  Font Size 12px

ホームページで使うフォントサイズはどれくらいが見やすいか?
読みやすいサイズを確認してみよう!!
Confirm text size!!  Font Size 14px

ホームページで使うフォントサイズはどれくらいが見やすいか?
読みやすいサイズを確認してみよう!!
Confirm text size!!  Font Size 16px

ホームページで使うフォントサイズはどれくらいが見やすいか?
読みやすいサイズを確認してみよう!!
Confirm text size!!  Font Size 18px

ホームページで使うフォントサイズはどれくらいが見やすいか?
読みやすいサイズを確認してみよう!!
Confirm text size!!  Font Size 20px

4px~20pxでサンプルを作ってみました。どのサイズが見やすいでしょうか?
このページを見ている閲覧環境(PC・タブレット・スマホ等)によって、見やすいと感じるものはそれぞれ違うと思います。サイトの更新や、制作の際、このサイズがいい!など具体的な指示があれば参考にしてみてください!

………次回のブログは、chromeさんの10pxの壁について書きます!