<font> - フォント <font> - フォント| 項目 | 説明 |
|---|---|
| 形式 | <font>〜</font> |
| サポート | H3-H4T / e2+ / N2+ / Fx1+ / Op6+ / Ch1+ / Sa1+ / i2+ |
| タグの省略 | 開始タグ：必須、終了タグ：必須 |
| 包含可能要素 | インライン要素 |
<font>〜</font> で囲まれた文字のフォント、大きさ、色など指定します。
HTML5 では廃止されました。
| 属性 | 意味 |
|---|---|
| size=n | H3-H4T/e2+/N2+。フォントのサイズを指定します。n には 1〜7 の数値を指定します。既定値は通常 3 のようです。size="+1" や size="-1" のように、現在の大きさに対する相対値を指定することもできます。プラス（+）を指定する場合はダブルクォーテーションで囲むようにしましょう。 |
| color=color | H3-H4T/e2+/N2+/i2+。フォントの色を指定します。 |
| face=font | H4T/e2+/N3+。フォントを指定します。候補のフォント名をカンマ（,）で優先順に並べておくと、その中にブラウザで表示可能なものがあればそれが使用されます。 |
| font-weight=n | N4+。フォントの太さを指定します。100〜900 まで 100 刻みで指定可能です。 |
| point-size=n | N4+。フォントの大きさをポイントサイズで指定します。 |
| 属性 | 意味 |
|---|---|
| class=class | H4+/e3+/N4+。クラスを指定します。 |
| id=id | H4+/e3+/N4+。ID を指定します。 |
| style=style | H4+/e3+/N4+。スタイルシートを指定します。 |
| title=title | H4+/e4+/N6+。タイトルを指定します。 |
| dir=dir | H4+/e5+/N6+。文字の表示方向を指定します。 |
| lang=lang | H4+/e4+/N6+。言語を指定します。 |
| accesskey=key | H5+。アクセスキーを指定します。 |
| tabindex=n | H5+。タブインデックスを指定します。 |
| contenteditable=bool | H5+/e55+。要素を編集可能にします。 |
| contextmenu=id | H5+。コンテキストメニューを指定します。 |
| draggable=bool | H5+。ドラッグを可能にします。 |
| dropzone=value | H5+。ドロップを可能にします。 |
| hidden | H5+。要素を非表示にします。 |
| spellcheck=bool | H5+。スペルをチェックします。 |
| IE拡張属性 | 他にもIEで拡張された属性が指定可能です。 |
大きさ 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>
色を表示できないブラウザ、文字の大きさを変更できないブラウザ、目の見えない人のための音声ブラウザなどを考慮し、大きさや色の情報が無くても情報が正確に伝わることを心がけてください。
|
|---|
serif〜fantasy までが、HTML の規約で決められた標準フォント名です。ブラウザはこれらのフォント名をシステム内のフォントにマッピングして表示しますが、マッピングがブラウザにより様々なので、ブラウザが異なると期待通りのフォントにならないことがあります。
Helvetica〜Times New Roman までが、Windows に標準でインストールされている英文フォントです。Times New Roman のように、スペースを含むフォント名は、<font face="Times New Roman"> のように、必ずダブルクォーテーション（"）で囲むようにしましょう。
「ＭＳ〜」というのはマイクロソフトの略で、Windows 標準のフォントです。ゴシック体と明朝体があり、Ｐがつくのはプロポーショナルフォントです。