▶【注目記事】Windows 11 を導入したら最初にやっておくべき初期設定

ホームページ制作 – フォントサイズと行間早見表

About web

▶ 本ブログの広告掲載ポリシー

ホームページを作るときに「このサイトに適したフォントサイズってどのくらいかな?」・・・サイト制作経験が少ない場合などはフォントのサイズだって悩みの種です。

今回はフォントサイズと行間が早見出来る表を掲載したいと思います。

はじめに

掲載する表のフォントは、CSSでサイトフォントを「メイリオ」に指定したときの表です。「MS Pゴシック」や「ヒラギノ角ゴ」では若干変わります。

また、表(以下画像)は実際にブラウザで表示されていたものを等倍でスクリーンショットしたものです。

フォントサイズ早見表

size

※この画像は、PCで見た場合はフルサイズで表示されます。スマートフォンで閲覧した場合はあまり参考にならないと思います。

行間(ラインハイト)早見表

line-hight

※この画像は、PCで見た場合はフルサイズで表示されます。スマートフォンで閲覧した場合はあまり参考にならないと思います。

まとめ

今回は「px(ピクセル)」単位で紹介いたしました。そのうち相対で設定したサイズも掲載したいと思います。ノシ