|
| ■ font-family |
| フォントの書体を指定します。 |
値は、フォント名、総称ファミリ名で指定します。
フォント名で指定すると、訪問者のPCにそのフォントがインストールされていない場合、このプロパティは無視されます。 |
| 総称ファミリ名で指定した場合、訪問者のPCに設定されているフォントの中から、HP作成者の意図する表示に近いフォントが選択されます。 |
総称ファミリ名
- monospace (MS ゴシックやCourier New等の固定幅書体、等幅表示)
- sans-serif (ゴシック体やArialのような書体)
- serif (明朝体のような書体)
- fantasy (装飾系の書体)
- cursive (毛筆体、筆記体などの手書き風の書体)
|
 |
cursive と fantasy は、現時点では一般的なブラウザでも
具体的なフォントが割り当てられていないため、指定しても無視されるようです。 |
|
 ソース |
font-family : Arial,'ＭＳ Ｐゴシック',sans-serif ;
|
| 複数フォントを指定する場合、各フォントは、コンマ( , )で区切り、また、ＭＳ Ｐゴシックのように、フォント名にスペースが含まれる場合、シングルクォーテーション（ ' ）、またはダブルクォーテション（ " ）の引用符で括ります。 |
| font-familyプロパティでフォントを指定する場合、上記ソースのように、Arialで欧文フォント、ＭＳ Ｐゴシックで和文フォント、さらに、前述フォントが無視される場合の代替フォントとして、sans-serifを指定すると良いでしょう。 |
|
| ページTopへ |
|
| ■ line-height |
行の高さを指定します。
line-heightプロパティは、行間を指定するものと勘違いされる事が多いようですが、これは、あくまで結果、行と行の間が広がったり、狭まったりするだけで、実際のプロパティの動作は1行の高さを変化させていると解釈して下さい。 |
値
- normal (標準)
- 倍数 (フォントサイズに対して1.5や、1.2のような倍数)
- パーセント (フォントサイズに対して120%のようなパーセント)
- 長さ (単位をつけた数値)
|
| ソース |
line-height : 1.5 ;
|
|
| ページTopへ |
|
| ■ font-variant |
| アルファベットなどの大文字・小文字を持つフォントをスモールキャピタル表示にするかしないかを指定します。 |
| |
スモールキャピタルとは、英文字の小文字部分の代わりに、大文字を小さくさせたように表示するフォントです。 |
| 日本語フォントには、大文字、小文字がありませんので、指定しても無視されます。 |
|
値
- normal (標準)
- small-caps (スモールキャピタル表示)
|
| ソース |
|
<span style="font-variant : small-caps ;">All Right Reserved</span>
|
|
 表 示 |
| All Right Reserved |
|
| ページTopへ |
|
|
|
|
|
フォントを装飾するスタイルシート
fontプロパティの個別指定
