フォントの指定は、FONT要素 （fontタグ）

　>>　インラインレベル要素

但し、HTML定義「HTML4.01 Transitional」では、フォント要素・属性は、非推奨。

例えば・・・フォント名の変更 [初期フォント"Vardana"を"fantasy"に変更]

▼

　未知の苦HTML解道 ・・・ >>　 未知の苦HTML解道

□ソース表示

テキストの書体は、FONT要素に「フォントの名前（種類）、サイズ、色」の属性値を書き加え記述します。

フォントの太さ指定は別項の"フォントスタイル　太さ"参照

▼

▼

■FONT要素＋FACE属性

フォントの名前（種類）の指定（作例"ＭＳ Ｐ明朝"）

未知の苦HTML解道

□ソース表示

■FONT要素＋FACE属性＋SIZE属性

フォントのサイズ指定（作例"ＭＳ Ｐ明朝"）

未知の苦HTML解道

□ソース表示

■FONT要素＋FACE属性＋SIZE属性＋COLOR属性

フォント、サイズにフォントカラー指定（作例"ＭＳ Ｐ明朝"）

未知の苦HTML解道

□ソース表示

▼

HTML定義「HTML4.01 Transitional」では
FONT要素（face、size、color）の記述は、非推奨要素・属性のため
スタイルシートの設定を推奨しています。

▼

★☆★ フォントの種類を変更するには[font-family属性]・・・その前に、チョットうんちくです。

　フォントプロパティの指定は、font-size、font-familyの順、
　その他のプロパティは、font-sizeより前？

▼

▼

□作例とソース表示

　◆スタイルシートの呼び出し・・・反復する記述は[class属性]

サイトページが増えたときなどには、余程のことがない限り、フォント指定は、常に同じ記述を繰り返すことになります。

反復する基幹部を一度スタイルシートに設定しておけば、その設定を呼び出すことにより、"BODY"全体に反映させることができます。

また、部分的に変えたいフォントが頻繁に発生するときなども同様に、スタイルシートに設定し、そのclass属性を呼び出すことで、記述の手間が軽減できます。

▼

※注１：要素名と属性の間に半角スペース必須

　|←←←←←←←←←←　要　素　→→→→→→→→→→| 

　　↓親要素　・・・例えばspan　　　　　　　↓要素内容　
　<span style="font-family:'フォント名等';">未知の苦</span>
　　　　|←←←←←←属　性 →→→→→→|  
　　　　　　　|←←←←← 値  →→→→→|

※注２：自分が意図したフォントで表示されることが一番望ましい訳ですが、例えば前述の"FONT要素FACE属性"で指定したフォント名が、コンピュータにない場合、ブラウザ側が判断したフォント（標準＝ゴシック）で表示されます。

[font-family属性]は、フォント名の複数指定が可能なことから、第１候補、第２候補・・・の順に、表示を希望するフォント名を[font-family属性]の値として記述します。

[font-family属性]の値は、フォントファミリー名で指定することもできます。

複数のフォント名、またはフォントファミリー名を指定する場合は、「カンマ (,) 」で区切ります。

※注３：ＭＳ Ｐゴシック、ＭＳ 明朝などの、ＭＳフォントの指定は、全角文字で措定し、"ＭＳ"と"Ｐゴシック"、"明朝"の間を、半角スペースで区切ります。

半角スペースが入るフォント名は、 二重引用符「ダブルクォーテーションマーク ("　")」 または、 「シングルクォーテーションマーク ('　')」で括ります。

　▼二重引用符の注意点

[font-family属性]の値を複数指定するとき、それぞれの"値"を二重引用符で括ると、先頭の値を[style属性]の終了と、ブラウザが判断してしまいます。

　▲対処法

[font-family属性]の値を複数指定するときは[font-family属性]の値をそれぞれ、シングルクォーテーションマーク ('　')で括り、[style属性]の値を示す範囲の、二重引用符の開始と終了と混同しないよう明確に区別します。

ダブル、シングルそれぞれの『引用符』の説明をスタイルシートに書き表すと次のようになります。

▼

　◆フォント名の指定

◇フォント名を直接指定する場合
（IEブラウザで書体の効果を確認したフォントのみ作例）

--- ◇--- フォントファミリー名を指定する場合 --- ◇---
（IEブラウザで書体の効果を確認したフォントファミリーのみ作例）

--- ◇ ---Mac用フォントを指定した場合　（一例 ）--- ◇ ---