<font> フォントの色や大きさを変える
取り扱い | 廃止された要素 |
カテゴリ |
なし |
親にできる要素 | ― |
子にできる要素 | ― |
対応ブラウザ | caniuseで確認 |
このタグは非推奨または廃止になりました。新しく作るウェブサイトへの使用は避けて下さい。また、既存のソースコードの中に含まれている場合は更新をお勧めします。詳しくは現行の標準仕様に従って下さい。
<font>タグの説明
<font>
は、文字に対して色、大きさ、フォントの種類を指定する際に使用します。現在、このタグは廃止されているため、CSS(スタイルシート)での代替を推奨します。
<font>
の機能は、全て<span>
要素とCSS(スタイルシート)の組み合わせで実現できます。
<font>に指定できる主な属性
- color="色"
- 色を指定します。
- size="値"
- サイズを1~7の範囲で指定します。
- face="フォント名"
- フォントファミリーを指定します。
- グローバル属性
- 全てのHTML要素に指定できる共通の属性です。詳細は一覧表で解説します。
- イベントハンドラ
- 全てのHTML要素に指定できるコンテンツ属性です。
<font>の使い方とサンプル
このタグを使ったマークアップのサンプルです。
HTML
<font color="#ff0000" size="7">文字サイズ 7</font>
<font size="5" face="MS 明朝">フォント MS明朝</font>
表示確認
文字サイズ 7
フォント MS明朝
フォント MS明朝
CSSで同じ装飾を行った場合は、以下のような記述になります。
HTML
<span class="font_ex1">文字サイズ xx-large</span>
<span class="font_ex2">フォント MS明朝</span>
CSS
.font_ex1 {
color: #ff0000;
font-size: xx-large;
}
.font_ex2 {
font-size: x-large;
font-family: "MS 明朝",serif;
}
表示確認
<font>に関連するHTMLタグ
非推奨または廃止になったタグ | |
---|---|
<acronym> | 略語(頭字語)であることを表す |
<applet> | JAVAアプレットを埋め込む |
<basefont> | 文字の基準となるサイズ、色、フォントの指定 |
<bgsound> | 効果音やバックミュージックを鳴らす |
<big> | 文字をひと周り大きく表示する |
<blink> | 文字を点滅させる |
<center> | センタリングする |
<command> | ページ内のメニューに操作コマンドを設定する |
<dir> | ディレクトリ・リストを表す |
<font> | フォントの色や大きさを変える |
<frame> | フレームに表示するファイルを指定する |
<frameset> | ウィンドウを分割する |
<hgroup> | 見出しをグループ化してセクションのヘッダを表す |
<keygen> | フォーム送信時に暗号鍵を発行する |
<listing> | タグを解釈してソースをそのまま表示する |
<marquee> | 文字列をスクロールさせる(流れる文字) |
<menuitem> | コンテキストメニューの項目を作成する |
<multicol> | 段組みのレイアウトを作成する |
<nobr> | 自動改行を無効にする |
<noembed> | プラグインが利用できない環境での表示内容を指定する |
<noframes> | フレームが表示できない環境での表示内容を指定する |
<plaintext> | ソースをテキストとしてそのまま表示する |
<rb> | ルビをふる文字の区切りを指定する |
<spacer> | ホワイトスペースを挿入する |
<strike> | 文字列に打ち消し線を引く |
<tt> | 文字を等幅フォントで表示する |
<xmp> | ソースをそのまま表示する |