文字の色・大きさ
文字の色を変える
文字の色を変えることで、特定部分の文字を目立たせたり、強調することもできます。また、見ためをカラフルにしたりと、ページのデザインに彩りを加えることができます。
文字の色を変える場合は、<font>タグを使用します。
<font color="#FF0000">文字の色</font>
color属性に対して色指定を行います。
これをブラウザで表示させると、
文字の色
このように指定した色の文字になります。
文字色を指定しなければ初期値は黒になります。ただし、<body>要素で、text属性を設定していればその色が初期値になります。
文字の大きさを変える
文字の大きさを変える場合は、色と同様に<font>タグを使用し、
<font size="1">文字の大きさ</font>
このように、size属性に対して大きさを指定して記述します。
size属性の数値は1～7まで。デフォルトは3になります。
携帯サイトの場合は、数値が1・2の時は「フォントサイズ小」、3は「フォントサイト中」でデフォルトの大きさ、4～7の時は、「フォントサイズ大」で表示されます。
フォントの大きさの属性は、iモードは505以上の機種（N506iなど一部未対応）のみで、vodafone・ez-webは未対応ですので注意してください。
未対応機種では、大きさの属性は無視されます。
また、文字の色と大きさを同時に変える場合は、属性を2つ記述します。
<font color="#FF0000" size="1">文字の色と大きさ</font>
サンプルコード
下記のサンプルコードをコピーペーストしてご利用ください。
<font color="#FF0000">赤色の文字</font>
<font color="#0000FF">青色の文字</font>
<font color="#00FF00">緑色の文字</font>
<font color="#FF6600">オレンジ色の文字</font>
<font color="#666666" size="1">フォントサイズ小</font>
<font color="#0000FF">青色の文字</font>
<font color="#00FF00">緑色の文字</font>
<font color="#FF6600">オレンジ色の文字</font>
<font color="#666666" size="1">フォントサイズ小</font>
