フォントに関するスタイル

1. 文字の種類を指定
2. Webフォントを使う
3. 文字の大きさを指定
4. 文字の太さを指定
5. 行送りの調整
6. 文字を斜体にする
7. フォントの設定をまとめてする

フォントの種類を指定

使用する書体を設定することができます．

例

これは明朝体です．

これはゴシック体です．

Webフォントを使う

通常，フォントの種類を指定しても，ユーザーのパソコンに指定されたフォントがない場合は使用されません．しかし，次のような設定をcssの記述の始めに記述しておくことで，webページの製作者がサーバー上に用意したフォントを，上記のfont-familyで設定し使用することが出来るようになります．

	@font-face {
		font-family: フォントに付ける名前;
		src: url("フォントファイルの場所") format("フォントの形式");
	}

複数のフォント使用する場合は，@font-faceを複数設定します． また，使用出来るフォントの形式は次のようなものです．

この機能を使用するためには自分の「public_hmtl」の中に，使用したいフォントをダウンロードしておく必要があります．ただし，フォントの著作権，使用制限などに気をつけて下さい．

例

花の色は移りにけりないたづらに　わが身世にふるながめせしまに　：　小野小町

London Bridge is broken down.

Peter Piper picked a peck of pickled peppers.

She sells seashells by the seashore.

文字の大きさを指定

文字の大きさを設定することができます．

例

非常に小さい，小さい，やや小さい，通常の大きさ，やや大きい，大きい，非常に大きい
１ｃｍの大きさ２ｃｍの大きさ

文字の太さを指定

文字の太さを設定することができます．ただし書体によって太さの変化には制限があります．

例

これは太字の設定です．

行送りの調整

行の上のラインから，次の行の上のラインまでの間隔を調整することができます．

例

この行と，
この行の間隔は広いです．

この行と，
この行の間隔は狭いです．

文字を斜体にする

文字を斜体にすることができます．

例

斜体を指定するとこの様になります．

フォントの設定をまとめてする

今までに出てきたフォントに対する様々な属性を，一度に設定することができます．

ここで，A，B，C，D，E，F にはそれぞれ次の値を設定します．

font-variant は英文で使用され，値に small-caps を指定すると，小文字がサイズの小さい大文字で表示されます．

また，設定値を省略した場合は，既定値が使用されます．