<font> - フォント

トップ > HTMLリファレンス > <font>

概要

項目説明
形式<font>~</font>
サポート[非推奨] / H3-H4T / e2 / Ch1 / Fx1 / Sa1 / Op1 / N2
タグの省略開始タグ:必須、終了タグ:必須
包含可能要素インライン要素

説明

<font>~</font> で囲まれた文字の大きさ、色、フォントなど指定します。

HTML5 では廃止されました。代わりに font-size, color, font-family などのスタイルシートを利用してください。

フォントに関する詳細は 「フォント」 を参照してください。

属性

【固有属性】
属性意味
size=nH3-H4T/e2/Ch/Fx/Sa/Op/N2。フォントのサイズを指定します。n には 1~7 の数値を指定します。既定値は通常 3 のようです。size="+1" や size="-1" のように、現在の大きさに対する相対値を指定することもできます。プラス(+)を指定する場合はダブルクォーテーションで囲むようにしましょう。
color=colorH3-H4T/e2/Ch/Fx/Sa/Op/N2/i2。フォントの色を指定します。
face=fontH4T/e2/Ch/Fx/Sa/Op/N3。フォントを指定します。候補のフォント名をカンマ(,)で優先順に並べておくと、その中にブラウザで表示可能なものがあればそれが使用されます。
font-weight=nN4。フォントの太さを指定します。100~900 まで 100 刻みで指定可能です。
point-size=nN4。フォントの大きさをポイントサイズで指定します。
【一般属性】
属性意味
accesskey=keyH4/e4/Ch2/Fx2/Sa3/Op12/N6/i1。アクセスキーを指定します。
class=classH4/e3/Ch1/Fx1/Sa1/Op1/N4。クラスを指定します。
contenteditable=boolH5/e55/Ch11/Fx3/Op10.6/Sa3.2。要素を編集可能にします。
dir=dirH4/e5/Ch5/Fx4/Sa6/Op25/N6。文字の表示方向を指定します。
hiddenH5/e/Ch/Fx/Sa/Op。要素を非表示にします。
id=idH4/e3/Ch/Fx/Sa/Op/N4。ID を指定します。
lang=langH4/e4/Ch/Fx/Sa/Op/N6。言語を指定します。
spellcheck=boolH5。スペルをチェックします。
style=styleH4/e3/Ch/Fx/Sa/Op/N4。スタイルシートを指定します。
tabindex=nH4/e4/Ch/Fx/Sa/Op/N6。タブインデックスを指定します。
title=titleH2/e2/Ch/Fx/Sa/Op/N6。タイトルを指定します。
translate=titleH5。翻訳可否を指定します。

使用例

大きさ 5 の文字を書きます。

<font size=5>大きさ 5の文字</font>

今より 2段階大きな文字を書きます。

<font size="+2">2段階大きな文字</font>

赤い文字を書きます。

<font color="red">赤い文字</font>

フォントを指定します。

<font face="Times New Roman">This is Japan.</font>

これらを組み合せて指定します。

<font size="+2" color="red">大きな赤い文字</font>

補足

見栄えはスタイルシートで記述することが推奨されています。

<div style="color:red; font-size:10pt;">~</div>

<font>~</font> の間に <div> や <table> などのブロック要素を記述することはできません。

× <font color="red"><div>~~~</div></font>

<font> の size 属性ではフォントの大きさを 1~7 の範囲でしか指定できませんが、スタイルシートを用いると、もっと巨大な(画面をはみ出すような)フォントを指定することも可能です。

<style type="text/css">
<!--
BODY, TH, TD { font-size: 100pt; }
-->
</style>

色を表示できないブラウザ、文字の大きさを変更できないブラウザ、目の見えない人のための音声ブラウザなどを考慮し、大きさや色の情報が無くても情報が正確に伝わることを心がけてください。

関連項目

<basefont>

Copyright (C) 1996-2015 杜甫々
初版:1996年9月10日 最終更新:2015年1月3日
http://www.tohoho-web.com/html/font.htm