HTMLクイックリファレンス

トップページ HTMLタグ(ABC順) スタイルシート(ABC順) フリーイラスト素材
優良デザイン HTMLタグ(目的別) スタイルシート(目的別) JavaScript(制作中)
WEBカラー WEB画像 特殊文字 その他..

トップページ > HTMLタグリファレンス > <FONT>

★HTMLタグリファレンス

<FONT>・・・・・フォントの種類・大きさ・色を指定する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8 Netscape4Netscape6Netscape7 Opera6Opera7Opera8Opera9 Firefox1Firefox2Firefox3

<FONT>タグはフォントの種類・大きさ・色を指定します。

フォントの種類はface属性で指定します。face属性ではカンマ( , )で区切って複数の候補を並べることができますが、 複数の候補を記述しておくことで、先に記述した順にユーザー環境で利用可能なものが選択されるようになります。

フォントの大きさはsize属性で指定します。1〜7までの整数、または現在のフォントサイズに対して「+」「-」で指定します。 フォントサイズは1〜7までしかないので、プラスマイナスした結果が1〜7の範囲に収まるようにしなくてはなりません。 より大きなサイズやより小さなサイズの文字を表示させたいときには、スタイルシートを用いてください。 特にフォントサイズを指定しない場合のデフォルト値はsize= "3"となります。

フォントの色はcolor属性で指定します。カラーの指定のしかたは、color="#0000ff"のように16進表記で指定する方法と、 color="blue"のようにカラーネームで指定する方法があります。 色指定の詳細についてはWEBカラーリファレンスを参照してください。

尚、<FONT>タグは「非推奨要素」となっています。フォントに関する指定には、できる限りスタイルシートを使用するようにしてください。 実際に<FONT>タグによる指定とスタイルシートによる指定を使い比べてみると、 スタイルシートによる指定の方がはるかに自由度が高く、変更も容易なので、できるだけスタイルシートを使用する方が良いでしょう。

スタイルシートでは、フォントの種類は<span style="font-family: "MS 明朝",serif">〜</span>、 フォントの大きさは<span style="font-size: large">〜</span>、 フォントの色は<span style="color: #ff0000">〜</span>などと記述します。

■使用例

HTMLソース
<font size="1" color="#0000ff">フォントサイズ1、カラー青(16進数で指定)</font><br>
<font size="2" color="blue">フォントサイズ2、カラー青(色名で指定)</font><br>
<font size="3">フォントサイズ3、これがデフォルトサイズ</font><br>
<font size="+1">デフォルト+1で、フォントサイズ4</font><br>
<font size="+2">デフォルト+2で、フォントサイズ5</font><br>
<font size="6" face="MS ゴシック">フォントサイズ6、ゴシック体</font><br>
<font size="7" face="MS 明朝,平成明朝">フォントサイズ7、明朝体</font>
↓↓↓

ブラウザ上の表示

フォントサイズ1、カラー青(16進数で指定)
フォントサイズ2、カラー青(色名で指定)
フォントサイズ3、これがデフォルトサイズ
デフォルト+1で、フォントサイズ4
デフォルト+2で、フォントサイズ5
フォントサイズ6、ゴシック体
フォントサイズ7、明朝体


▲ページ先頭へ
トップページ > HTMLタグリファレンス > <FONT>

HTMLクイックリファレンス

トップページ HTMLタグ(ABC順) スタイルシート(ABC順) フリーイラスト素材
優良デザイン HTMLタグ(目的別) スタイルシート(目的別) JavaScript(制作中)
WEBカラー WEB画像 特殊文字 その他..
HTMLクイックリファレンスについて
©2010 HTMQ