文字などの表示の大きさの単位


概要


文字の大きさはスタイルシートの
で設定する。 大きさの単位だが px:ピクセル、画面の粒の最小単位 %:親要素のサイズの何パーセントか rem:ルート(HTML)に指定したサイズを基準にした単位 がある。

結果(コードは後述)

これはh3です。

これはh4です。

これはh5です。

HTMLファイル

CSSファイル

説明


文字の大きさをどれくらいにすればいいか、だが、
文章主体のWebページでは、14から18pxが普通。

ただし高齢者層が読む場合はもう少し大きくするなど、
ターゲット層によって変更するのが良い。

あまりいろんな大きさの文字を入れると統一感がなくなって見づらいので
3種類くらい作っておいて使いまわすといい。

最初にメイン文章の文字の大きさを決め、
その後見出しを少し大きくして、注釈を少し小さくするとか、
そういう順番で決めていくといい。


ジャンプ率とは?

ジャンプ率という言葉があり、見出しとメイン文章の文字の大きさの比率。
率が大きい(文字の大きさの違いが大きい)とアクティブで派手な感じ。
率が小さい(文字の大きさの違いが小さい)と静かな感じ。

間違えやすい問題