<font> フォントの色や大きさを変える

<font>タグの説明

<font>は、文字に対して色、大きさ、フォントの種類を指定する際に使用します。現在、このタグは廃止されているため、CSS（スタイルシート）での代替を推奨します。

<font>の機能は、全て<span>要素とCSS（スタイルシート）の組み合わせで実現できます。

<font>に指定できる主な属性

color="色"

色を指定します。

size="値"

サイズを1～7の範囲で指定します。

face="フォント名"

フォントファミリーを指定します。

グローバル属性

全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。

イベントハンドラ

全てのHTML要素に指定できるコンテンツ属性です。

<font>の使い方とサンプル

このタグを使ったマークアップのサンプルです。

<font color="#ff0000" size="7">文字サイズ 7</font>
<font size="5" face="ＭＳ 明朝">フォント ＭＳ明朝</font>

CSSで同じ装飾を行った場合は、以下のような記述になります。

<span class="font_ex1">文字サイズ xx-large</span>
<span class="font_ex2">フォント ＭＳ明朝</span>

.font_ex1 {
	color: #ff0000;
	font-size: xx-large;
}
.font_ex2 {
	font-size: x-large;
	font-family: "ＭＳ 明朝",serif;
}