HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ

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

★HTMLタグリファレンス

<FONT>・・・・・フォントの種類・大きさ・色を指定する
Internet Explorer4Internet Explorer5Internet Explorer5-macInternet Explorer5.5Internet Explorer6Internet Explorer7Internet Explorer8Internet Explorer9 Netscape4Netscape6Netscape7Netscape8 Opera6Opera7Opera8Opera9Opera10 Firefox1Firefox2Firefox3Firefox4 Google Chrome1Google Chrome2Google Chrome3Google Chrome4Google Chrome5Google Chrome6

<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、明朝体

■HTML5情報

HTML5では、<FONT>は廃止される予定です。 CSSのfontプロパティなどで指定することが推奨されています。

font …… フォントに関する指定をまとめて行う
font-family …… フォントの種類を指定する
font-size …… フォントのサイズを指定する

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

HTMLクイックリファレンス


トップページへ
HTMLタグ(目的別) CSSプロパティ(目的別) WEBカラー WEB画像
HTMLタグ(ABC順) CSSプロパティ(ABC順) 優良デザイン 特殊文字
HTML5 CSS3 JavaScript HTML5 API
HTMLの基本 CSSの基本 Canvas サイトマップ
MuuMuu Domain!
ドメイン取るならお名前.com
さくらのレンタルサーバ
ロリポップ!レンタルサーバー
[PR] 大手・有名企業、首都圏のIT・営業職求人が豊富≪マイナビエージェント≫
[PR] 【リクナビ派遣】スキルをつける、スキルを磨く、派遣なら両方できる!
[PR] えっ、バイトが決まってお金がもらえるの?!
[PR] 派遣の求人ならジョブセンス派遣
[PR] 「オフィスワーク」のアルバイトはこちら
[PR] 無料で本格的な適職診断『とらばーゆ』
HTMLクイックリファレンスについて
このウェブサイトが本になりました
©2014 HTMQ