≪ 目次 ＜ プロパティ一覧 ［ 戻る ］ 使用例 ↓ 通常表示のページ ＞
fontプロパティは、フォント（書体）を一括指定します。
| 値 (value) |
以下の値を 半角空白で区切り、順不同で指定します。各値は省略可
| |
| caption | ボタンや表題に使用するシステムフォントを使用 | |
| icon | アイコンに使用するシステムフォントを使用 | |
| menu | メニューに使用するシステムフォントを使用 | |
| message-box | ダイアログ・ボックスに使用するシステムフォントを使用 | |
| small-caption | 小さな見出しに使用するシステムフォントを使用 | |
| status-bar | ステータスバーに使用するシステムフォントを使用 | |
| inherit | 親要素からの継承 | |
| 適用要素 | BODY要素とBODY要素の内容の全ての要素 | |
| 初期値 | 個々のプロパティを参照 | |
| 継承 | します | |
font-familyプロパティは、表示文字の書体を指定します。
| 値 (value) | "family-name" , generic-family
generic-family は省略可ですが、family-name を指定した場合は、必須です。 | |
| inherit | 親要素からの継承 | |
| 適用要素 | BODY要素とBODY要素の内容の全ての要素 | |
| 初期値 | UA依存 | |
| 継承 | します | |
font-styleプロパティは、フォントのスタイルを指定します。
| 値 (value) | normal | 通常の表示です。 |
| italic | イタリック体の表示です。 | |
| oblique | 斜体の表示です。 | |
| inherit | 親要素からの継承 | |
| 適用要素 | BODY要素とBODY要素の内容の全ての要素 | |
| 初期値 | normal | |
| 継承 | します | |
font-variantプロパティは、小文字の表示指定を指定します。
| 値 (value) | normal | 通常の表示です。 |
| small-caps | アルファベットの小文字を小さな大文字として表示します。 Today is fine ⇒ Today is fine | |
| inherit | 親要素からの継承 | |
| 適用要素 | BODY要素とBODY要素の内容の全ての要素 | |
| 初期値 | normal | |
| 継承 | します | |
font-weightプロパティは、表示文字の太さを指定します。normal/bold 以外は正常に反映されないようです。
| 適用要素 | 個々のプロパティを参照 | |
| 値 (value) | normal | 通常の表示です。 |
| bold | 太文字の表示です。 | |
| bolder | もっと太文字の表示です。 | |
| lighter | もっともっと太文字の表示です。 | |
| 数値 | 100 200 300 400 500 600 700 800 900 100 刻みで指定します。 | |
| inherit | 親要素からの継承 | |
| 適用要素 | BODY要素とBODY要素の内容の全ての要素 | |
| 初期値 | normal | |
| 継承 | します | |
font-sizeプロパティは、表示文字のサイズを指定します。
| 値 (value) | absolute-size | 絶対指定。値は、以下の通りです。
| ||||||||||||||
| relative-size | 相対指定。値は、以下の通りです。
| |||||||||||||||
| 長さ | 巾や高さの単位参照。マイナスは指定出来ません。 | |||||||||||||||
| ％ | 親要素の文字サイズから計算 | |||||||||||||||
| inherit | 親要素からの継承 | |||||||||||||||
| 適用要素 | BODY要素とBODY要素の内容の全ての要素 | |||||||||||||||
| 初期値 | medium | |||||||||||||||
| 継承 | 計算値が継承されます。 | |||||||||||||||
このページ、見やすいですか？自分で作成していて何ですが、私は、とても見難いです。
このページは、
| font-family | : | "Bookman Old Style " | , |
| "Times New Roman" | , | ||
| "Arial" | , | ||
| "HGP行書体" | , | ||
| cursive | ; |
と、指定してあります。このサイトは、
| font-family | : | "Bookman Old Style " | , |
| "Times New Roman" | , | ||
| "Arial" | , | ||
| "HGPｺﾞｼｯｸM" | , | ||
| "HGPGothicM" | , | ||
| "ＭＳ Ｐゴシック" | , | ||
| "MS P Gothic" | , | ||
| sans-serif | ; |
と、指定してあります。Bookman Old Style 〜 Arial は、欧文フォント（半角英数文字）のみに対応しています。UAはこれらの書体がインストールされているか、上から順に検索してその書体で表示しようとします。
全ての family-name がインストールされていない場合でも対処できるように、generic-family を指定する事が必要です。
システムにより登録されている書体は違います。無闇に font-family を使用すると、見栄えが違ってきます。
閲覧者のシステムは、貴方のシステムと同じではありません。
［スタート］→［設定］→［コントロールパネル］→［画面］
で色々な場所の書体を変更出来ます。それらの書体をウェブページに反映します。