HTMLで文字の大きさを変える方法

HTMLで文字の大きさの変える方法です。

見出しタグは6種類あります。

重要度を示す方法は、

を使用します。

文字を大きくしたい場合は、タグの数値を下げ、文字を小さくしたい場合は、タグの数値を上げます。数値が小さい方が、文字が大きくなるため注意しましょう。

見出しタグは重要度を表すため、文字の大きさを指定するための利用はしないようにしましょう。

See the Pen Untitled by じんとら (@jintora) on CodePen.

文章の途中で周りの文字より一段階大きさを変更する方法は、

があります。

文章の一部分を強調したい時に、改行されることなく使用できます。

また、<big><big>〜</big></big>、<small><small>〜</small></small>と2つ続けて記載することもでき、さらに大きく表示することができます。

See the Pen Untitled by じんとら (@jintora) on CodePen.

fontタグでは「size」属性の設定が可能です。

1〜7までの数値を指定し、文字サイズを変更することができます。

数値が小さい方が文字サイズも小さくなります。

fontタグで文字サイズを指定するため、文章の途中で文字サイズを変更したい場合でも改行されず変更することができます。

See the Pen Untitled by じんとら (@jintora) on CodePen.

また、他にも基準の文字サイズに対して-1、+1のように指定することもできます。

基準サイズは3となるため、-1は文字サイズ2、+1は文字サイズ4となります。

font-size:文字のサイズ;

文字のサイズは数値で指定する単位には％、px、emなどがあります。

主要なブラウザの文字サイズは、標準：16pxなので、

くらいが目安になりますが、全体のバランスを見ながら文字の大きさを細かく指定しましょう。

HTMLに直接書く方法と、CSSファイルに書く方法があります。

See the Pen Untitled by じんとら (@jintora) on CodePen.

文字の装飾などは、CSSでの記述が推奨されているため注意しましょう。