<FONT>文字の大きさ・色・フォントの種類を設定する

<FONT>タグでは、文字(font)の色や形、サイズを変更することができます。 変更したい文字の部分を<FONT>~</FONT>で囲み、属性で文字の大きさ・色・フォントの種類を指定します。 文字の大きさを変えたい場合はsize属性、色を変えたい場合はcolor属性、フォントの種類を変えたい場合はface属性というように指定しましょう。

size属性で文字の大きさを変更する場合は、1~7の数値、または現在ブラウザに表示されているフォントサイズに対して「+」「-」を使って指定することができます。 「+」「-」を使って指定する場合は、指定後のフォントサイズの数値が1~7に収まるようにして下さい。 これはフォントサイズの1~7までしかないためです。

またフォントサイズを何も指定していない場合の初期値は「size="3"」となってます。(デフォルトの数値は3という意味)

※1~7より大きいサイズ・小さいサイズにしたい場合はスタイルシート(CSS)を利用して下さい。

color属性で色を変更する場合は、16進数(例、color="#f8f8f8")もしくはカラーネーム(例、color="red")で色を指定して下さい。 また16進数、カラーネームのコードについてはwebカラーコード一覧に記載しています。 詳しい説明もそちらに記載していますので、参考にして下さい。

face属性でフォントの種類を変更する場合は、利用したいフォントの候補をカンマ「,」で区切って複数設定することができます。 複数の候補を並べた場合は、閲覧者の環境で利用可能なフォントであれば、左に記述した候補から順に選択されます。 (例、face="MS 明朝,平成明朝"であればMS明朝で表示、MS明朝が表示できない場合は平成明朝が表示)

指定したフォントは上記にも記載したように、閲覧者のパソコンにインストールされてなければ表示されません。 ですので指定する際は一般的なフォントを含めた複数のフォントを指定するようにしましょう。

フォントの種類はcss・htmlで指定できるフォント一覧を参考にして下さい。

ちなみに<FONT>タグは非推奨ですので、現在ではほとんど使われることはありません。(モバイルではフォントが機種依存のため利用されることがある) フォントに関する指定はできる限りスタイルシートで行うようにしましょう。

スタイルシートではfont-size,color,font-familyなどで大きさ・色・形を変える事ができます。スタイルシートでフォントに関する指定を行う場合はcssフォントの設定方法を参照してください。

※HTML5では<FONT>は廃止

使用した時の例

size="1~7"のソースと表示例

<font size="1">フォントサイズ1</font>
<font size="2">フォントサイズ2</font>
<font size="3">フォントサイズ3(初期値)</font>
<font size="4">フォントサイズ4</font>
<font size="5">フォントサイズ5</font>
<font size="6">フォントサイズ6</font>
<font size="7">フォントサイズ7</font>
フォントサイズ1 フォントサイズ2 フォントサイズ3(初期値) フォントサイズ4 フォントサイズ5 フォントサイズ6 フォントサイズ7

size="-2~+2"のソースと表示例

<font size="-2">初期値から-2で、フォントサイズ1</font>
<font size="-1">初期値から-1で、フォントサイズ2</font>
<font>初期値のサイズ</font>
<font size="+1">初期値から+1で、フォントサイズ4</font>
<font size="+2">初期値から+2で、フォントサイズ5</font>
初期値から-2で、フォントサイズ1 初期値から-1で、フォントサイズ2 初期値のサイズ 初期値から+1で、フォントサイズ4 初期値から+2で、フォントサイズ5

colorのソースと表示例

<font color="#FF0000">赤(16進数の場合)</font>
<font color="blue">青(カラーネームの場合)</font>
赤(16進数の場合) 青(カラーネームの場合)

faceのソースと表示例

<font face="MS ゴシック">ゴシック体</font>
<font face="MS 明朝,平成明朝">MS明朝が表示</font>
ゴシック体 明朝体

属性

size="数値" 文字の大きさを1~7または「+」「-」で指定
color="16進数,カラーネーム" 文字の色
face="フォント名" フォントの指定(形)
font-weight="数値" フォントの太さ
point-size="数値" フォントの大きさをポイントで指定

対応ブラウザなどのデータ

形式 <font>~</font> 分類 インライン要素
開始タグ 必須 終了タグ 必須
汎用属性 accesskey / class / contenteditable / dir / hidden / id / lang / spellcheck / style / tabindex / title / translate
対応ブラウザ Internet Explorer2~ , Google Chrome1~ , Firefox1~ , Opera1~ , Safari1~