CSS
WEB用語(N)

<font> - フォント

トップ > HTMLリファレンス > <font>
概要
形式<font>〜</font>
サポートH3〜H4t / e2〜 / N2〜 / i2〜
タグの省略開始タグ:必須、終了タグ:必須
包含可能要素インライン要素
説明

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

属性
【固有属性】
属性意味
size=nH3-H4t/e2/N2。フォントのサイズを指定します。n には 1〜7 の数値を指定します。規定値は通常 3 のようです。size="+1" や size="-1" のように、現在の大きさに対する相対値を指定することもできます。プラス(+)を指定する場合はダブルクォーテーションで囲むようにしましょう。
color=colorH3-H4t/e2/N2/i2。フォントの色を指定します。
face=fontH4t/e2/N3。フォントを指定します。候補のフォント名をカンマ(,)で優先順に並べておくと、その中にブラウザで表示可能なものがあればそれが使用されます。
font-weight=nN4。フォントの太さを指定します。100〜900 まで 100 刻みで指定可能です。
point-size=nN4。フォントの大きさをポイントサイズで指定します。

【一般属性】
属性意味
class=classH4s/e3/N4。クラスを指定します。
dir=dirH4s/e5/N6。文字の表示方向を指定します。
id=idH4s/e3/N4。IDを指定します。
lang=langH4s/e4/N6。言語を指定します。
style=styleH4s/e3/N4。スタイルシートを指定します。
title=titleH4s/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: "MS ゴシック"; }
-->
</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"> のように、必ずダブルクォーテーション(")で囲むようにしましょう。

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

関連項目

<< PAGE TOP >>

BACK UP 初心者でホームページを考えてられてる方へ

独自ネットショップや楽天ショップ・YAHOOショップ運営される初心者の方も、無料で、親切にアドバイスいたします。
SEO・月次更新・リニュアルetc

ホームページの事なら

何でもお問合せください。
お問合せフォームはこちらから

リュウム株式会社

京都市中京区橋弁慶町222番地
ヒライビル3階

TEL 075-257-4588
営業時間 AM10:00-PM7:00


CSS
Ryuumu