## <font> - フォント

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

#### ■ 概要

項目 | 説明
--- | ---
形式 | <font>〜</font>
サポート | H3〜H4t / e2〜 / N2〜 / i2〜
タグの省略 | 開始タグ：必須、終了タグ：必須
包含可能要素 | インライン要素

#### ■ 説明

<font>〜</font> で囲まれた文字のフォント、大きさ、色など指定します。<font> を用いたら、必ず </font> で閉じるようにしましょう。

#### ■ 属性

【固有属性】

属性 | 意味
--- | ---
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 | H4s/e3/N4。クラスを指定します。
dir=dir | H4s/e5/N6。文字の表示方向を指定します。
id=id | H4s/e3/N4。IDを指定します。
lang=lang | H4s/e4/N6。言語を指定します。
style=style | H4s/e3/N4。スタイルシートを指定します。
title=title | H4s/e4/N6。タイトルを指定します。
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>

#### ■ 補足

Internet Explorer は指定したフォントを忠実に表示しますが、Netscape Communicator 4.* のフォントの実装は中途半端で、フォントを指定しても無視されたりすることがよくあります。

<font>〜</font> の間に <table> や <ul> などのブロック要素を記述することはできません。ブロック要素を含むフォント指定にはスタイルシートを用いるのが便利です。

    <style type="text/css">
    <!--
    BODY, TH, TD { font-family: "ＭＳ ゴシック"; }
    -->
    </style>

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

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

レイアウトを重視してフォントサイズを標準よりも小さめにすると、他のブラウザで表示すると小さすぎて読めない場合があります。何も指定しない場合のフォントサイズが、読む側にとって最も読みやすいフォントサイズになっているはずだという鉄則を忘れないようにしてください。

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

#### ■ フォントの例

Internet Explorer ではほぼ期待通りのフォントが表示されますが、Netscape Communicator 4.* の場合は、英語モードの時は日本語フォントが、日本語モードの時はすべての英語フォントが無視されるなど、期待通りにならないことが多いので注意してください。

serif〜fantasy までが、HTML の規約で決められた標準フォント名です。ブラウザはこれらのフォント名をシステム内のフォントにマッピングして表示しますが、マッピングがブラウザにより様々なので、ブラウザが異なると期待通りのフォントにならないことがあります。

Helvetica〜Times New Roman までが、Windows に標準でインストールされている英文フォントです。Times New Roman のように、スペースを含むフォント名は、<font face="Times New Roman"> のように、必ずダブルクォーテーション（"）で囲むようにしましょう。

「ＭＳ〜」というのはマイクロソフトの略で、Windows 標準のフォントです。ゴシック体と明朝体があり、Ｐがつくのはプロポーショナルフォントです。

#### ■ 関連項目

<basefont>

Copyright (C) 1996-2003 杜甫々
初版：2000年10月9日 最終更新：2003年4月27日
http://www.tohoho-web.com/html/font.htm