IE7.0

IE6.0

IE5.5

IE5.0

IE4.0

IE5Mac

N7.0

N6.2

N4.X

Opera6

Mozilla/5.0

書体の種類
フォントの書体　 <font face="">　 フォント　フェイス
関連属性　 size　 color
初期値 は、 windows の場合 ＭＳ ゴシック　 Macintosh では Osaka 等幅。
OS windows で,標準インストールされているフォントを（青色）表示で区分しました。
 （茶色）フォントの表示は、そのほかのOSに依存します。
（註） 等幅フォントとは、（ＭＳ ゴシック） などのようにＰが書体についていない。
文字の幅を一定に揃えたフォント。固定幅フォントとも呼ばれる。
プロポーショナルフォント　【proportional font】文字ごとに最適な幅を設定したフォント。
当然ですが、ＰＣ（パソコン）にインストールされていない文字種は指定しても規定値になる。
表示で、書体に変化がなければユーサーのＰＣでは、フォントがインストールされていないから。
ユーザーの、ブラウザ・OS　それぞれの環境で、対応書体の種類を確認して下さい。
書体の種類による比較　　要素は、必ず終了HTMLタグで閉める。 　
書体の種類 書体のタグ サンプル日本語 サンプル欧文体
ＭＳ ゴシック <font face="ＭＳ ゴシック">　 規定値 かんじ　漢字 SAMPLE　sample </font>
ＭＳ 明朝 <font face="ＭＳ 明朝"> かんじ　漢字 SAMPLE　sample </font > 　
ＭＳ Ｐ明朝 <font face="ＭＳ Ｐ明朝"> かんじ　漢字 SAMPLE　sample </font > 　
ＪＳＰゴシック <font face="ＪＳＰゴシック"> かんじ　漢字 SAMPLE　sample </font >
ＪＳ明朝 <font face="ＪＳ明朝"> かんじ　漢字 SAMPLE　sample </font >
HG行書体 <font face="HG行書体"> かんじ　漢字 SAMPLE　sample </font > 　
HGS行書体 <font face="HGS行書体"> かんじ　漢字 SAMPLE　sample </font > 　
祥南行書体 <font face="祥南行書体"> かんじ　漢字 SAMPLE　sample </font > 　
ＤＦＰ平成明朝体W9 <font face="ＤＦＰ平成明朝体W9"> かんじ　漢字 SAMPLE　sample </font > 　
HG正楷書体-PRO <font face="HG正楷書体-PRO"> かんじ　漢字 SAMPLE　sample </font >
麗流隷書 <font face="麗流隷書"> かんじ　漢字 SAMPLE　sample </font >
HG創英角ｺﾞｼｯｸUB <font face="HG創英角ｺﾞｼｯｸUB"> かんじ　漢字 SAMPLE　sample </font >
HGP創英角ｺﾞｼｯｸUB <font face="HGP創英角ｺﾞｼｯｸUB"> かんじ　漢字 SAMPLE　sample </font >
HGP創英角ﾎﾟｯﾌﾟ体 <font face="HGP創英角ﾎﾟｯﾌﾟ体"> かんじ　漢字 SAMPLE　sample </font >
HGPｺﾞｼｯｸE <font face="HGPｺﾞｼｯｸE"> かんじ　漢字 SAMPLE　sample </font >
Impact <font face="Impact"> かんじ　漢字 SAMPLE　sample </font >
Times New Roman <font face="Times New Roman"> かんじ　漢字 SAMPLE　sample </font >
書体による違いを、確認して下さい。
対応していないブラウザに考慮して、文字種を複数指定してページに反映させる方法もある。
例として、書体を複数指定して対応している書体を反映させる。
<font face=" ＭＳ Ｐ明朝 "> <font face=" HGS行書体 "> <font face=" 麗流隷書 ">
書体を指定して、ここにテキストを書く。
 </font> </font> </font>
上記の様に、終了タグも書体指定数で指定する。
　文字種を、ページ全体に反映させる指定をすることが出来ます。
IE3.1 以前のタグ、現在 非推奨スタイルでの設定になります。（ 後述）
<body> の次の行に指定する。
文字種；　　 設定　例　 < basefont face="ＭＳ ゴシック">
文字種；サイズ設定例　 < basefont face="ＭＳ ゴシック" size="3"> 　 規定値


タイトル文字列の書体の種類を変えてみる。
センターリングして文字色をつけたタイトルの書体も選択する。
<font face=""> 〜 </font> 　　要素
タイトルに文字色とセンターリングして書体を変えて表示。、
<h3 align="center">
<font color="#880000" face=" ＭＳ Ｐ明朝 " >
趣味の部屋
</font> </h3>
表示サンプル
書体の種類サンプルを、
クリックしてみて下さい。　　 サンプル
<html>
<head>
<title> 趣味の部屋 </title>
</head>
<body>
<br>
<h3 align="center">
<font color="#880000" face=" ＭＳ Ｐ明朝 >
趣味の部屋
</font> </h3>
</body>
</html>