書体（フォント）をソースへ書き込む属性は「 face 」です。
Font 1234 書体 の場合、
フォントの指定は <font size="+2" face="AR PＰＯＰ５H">Font 1234 書体</font> と書いています。
スタイルシートで記述すると、
<div style="font-size:1.4em; font-family:'AR PＰＯＰ５H'">〜</div>
この書体は、途中に入っているスペースの全角・半角や大文字・小文字など正確に記載しないと表示されません。
結構難しいので、下記の一覧から「コピー＆ペースト」してお使いください。
ご利用のブラウザによっては表示されないフォントもありますので、
表示されるかどうかを試しながら制作してください。
※ご注意使っているパソコンのメーカー・種類、利用しているＯＳ（ウインドウかマックかとか）とそのバージョン、
またブラウザの種類（ Internet Explorer、Netscape、Safari、Opera、Mozilla、Firefox、iCabなど）と
そのバージョンなどにより、表示できる書体が制限されます。
そのＰＣにない書体の場合、表示は「ゴシック体」になります。
（読めない訳ではないので、ご安心を^^）
そういう意味で、ご覧頂いているすべての人に同じデザインで見てもらうためには、
テキスト文章は、できる限り標準書体である「ゴシック体」で作りましょう。
以下、上記ソースの「赤色」の書体部分と実際の表示を一覧にまとめました。
■書体（フォント）いろいろ
| ↓コピーしてね |
実際の表示 |
 |
↓コピーしてね |
実際の表示 |
| ＭＳ ゴシック |
Font123書体あいう |
|
ＭＳ 明朝 |
Font123書体あいう |
| ＭＳ Ｐゴシック |
Font123書体あいう |
|
ＭＳ Ｐ明朝 |
Font123書体あいう |
| MS UI Gothic |
Font123書体あいう |
|
MS Reference Sans Serif |
Font123書体あいう |
|
| ＪＤＬゴシック |
Font123書体あいう |
|
ＪＤＬ明朝 |
Font123書体あいう |
| ＪＤＬ楷書 |
Font123書体あいう |
|
ＪＤＬ行書 |
Font123書体あいう |
|
| HGｺﾞｼｯｸE |
Font123書体あいう |
|
HGｺﾞｼｯｸM |
Font123書体あいう |
| HG丸ｺﾞｼｯｸM-PRO |
Font123書体あいう |
|
HG行書体 |
Font123書体あいう |
| HG正楷書体 |
Font123書体あいう |
|
HG正楷書体-PRO |
Font123書体あいう |
| HG創英角ｺﾞｼｯｸUB |
Font123書体あいう |
|
HG創英角ﾎﾟｯﾌﾟ体 |
Font123書体あいう |
|
| ＤＦＧ新細丸ゴシック体 |
Font123書体あいう |
|
ＤＦＰ新細丸ゴシック体 |
Font123書体あいう |
| ＤＦ新細丸ゴシック体 |
Font123書体あいう |
|
|
|
|
| AR PＰＯＰ５H |
Font123書体あいう |
|
AR PＰＯＰ体B |
Font123書体あいう |
| AR P勘亭流H |
Font123書体あいう |
|
AR P行楷書体H |
Font123書体あいう |
| AR P黒丸ＰＯＰ体H |
Font123書体あいう |
|
AR P新藝体U |
Font123書体あいう |
| AR P宋朝体M |
Font123書体あいう |
|
AR P明朝体U |
Font123書体あいう |
| AR P隷書体M |
Font123書体あいう |
|
AR P楷書体M |
Font123書体あいう |
これ以外にも沢山ありますが、検索などで探してみてください。
なお、MACでご覧の方はきれいな書体で表現されていると思いますが、
Windowsの場合、表示が良くありません。
印刷してみてください。
|
