font-family:○;
{ font-family : 'MS Pゴシック' ; }のようにブラウザに表示させたいフォントを指定します。
○はフォント名または、serif、sans-serif、cursive、fantasy、monospace などのフォント系列の総称を指定する方法があります。
Windowsでは初期設定でインストールされている日本語フォントは、 ＭＳ ゴシック、 ＭＳ Ｐゴシック、 ＭＳ 明朝、 ＭＳ Ｐ明朝 の４つだけです。 フォント名にスペースが入るときは、フォント名を ｢"｣や｢'｣で 囲むようにします。
フォントを指定しても、ページを見る人のパソコンにそのフォントがインストールされてなければ、ブラウザ側でよく似たフォントが割り当てられます。 フォントは複数指定でき、最初に指定したフォントがページを見る人のパソコンに無ければ、次に書かれたフォントを使い、もしまた無ければ次のフォントを使用します。最後のフォントは、フォント分類を指定しましょう。指定したフォントが無ければ、ブラウザの初期設定されたフォントが使われます。
フォントの名前を直接指定するのではなく、フォントの特徴を表す「系統名」で指定する方法です。 表示は、分類の中の１つのフォント名（それぞれのパソコンにインストールされているもの）が選択されます。
| 総称フォント名 | 特徴 |
|---|---|
| serif (セリフ体) | serif フォント(明朝)です。字画の線の太さが均一でなく、字画の上下にひげ飾りがつく。ＭＳ Ｐ明朝、Times New Roman等があります。 |
| sans-serif (サンセリフ体) | sans-serif(ゴシック)フォントです。字画の太さは比較的均一で，字画は装飾性に乏しい。Arial、Verdana等があります。 |
| cursive (草書体) | cursiveフォントです。続け字風で，筆記体はこれに含まれます。 |
| fantasy (ファンタジー) | fantasyフォントです。ひじょうに装飾的なフォント。 |
| monospace (等幅） | monospaceフォントです。固定ピッチフォント。Courier，ＭＳ ゴシック，があります。 |
●明朝体系の文字は serif に分類され、ゴシック体系の文字は sans-serif に分類されます。
スタイルでフォント名を指定
<style type="text/css">
<!--
.one { font-family:'ＭＳ 明朝', serif; }
.two { font-family:D F行書体,HG行書体,cursive; }
.shree {font-family: 'ＭＳ ゴシック',sans-serif; }
.four { font-family: Arial, Times;,serif }
.five { font-family: Impact, 'Comic Sans MS',fantasy; font-size:120%; }
-->
</style>
HTML内の書き方
<p class="one"> HTML(各主要要素＝タグ)をある程度使えるようになってくるとスタイルシートは理解が出来るとおもいます。</p>
<p class="two"> HTML(各主要要素＝タグ)をある程度使えるようになってくるとスタイルシートは理解が出来るとおもいます。</p>
<p class="three"> HTML(各主要要素＝タグ)をある程度使えるようになってくるとスタイルシートは理解が出来るとおもいます。</p>
<p class="four"> Do you enjoy the personal computer? I also think that having one's homepage makes life rich. </p>
<p class="five"> Do you enjoy the personal computer? I also think that having one's homepage makes life rich. </p>
画面表示
HTML(各主要要素＝タグ)をある程度使えるようになってくるとスタイルシートは理解が出来るとおもいます。
HTML(各主要要素＝タグ)をある程度使えるようになってくるとスタイルシートは理解が出来るとおもいます。
HTML(各主要要素＝タグ)をある程度使えるようになってくるとスタイルシートは理解が出来るとおもいます。
Do you enjoy the personal computer? I also think that having one's homepage makes life rich.
Do you enjoy the personal computer? I also think that having one's homepage makes life rich.