CSSリファレンス -- フォント

font-family フォントの種類を設定する

CSS仕様: CSS1

適応要素 ：すべてのエレメント

継承 ：する (デフォルト値＝ブラウザ依存)

テキストにフォントを設定し、見栄えを良くしたいのは制作者ならみな同じ感覚を持っています。しかしながら、ユーザ環境は Windows、Macintosh、UNIX系と千差万別で、OSによっては同じフォントファミリ名でも異なることすらあります。世界中に存在するフォントは多種多様であり、それらを１つの規則に基づき定義することは至難の業です。例えば、斜体の文字１つとっても、「italic」「Oblique」「Slanted」「Incline」「Cursive」「Kursiv」等が存在し、一意にこれと言って決められないのが実状です。

＜サンプル＞

p { font-family: Tahoma,"MS UI Gothic",Osaka,sans-serif }

値をカンマ "," で区切って複数設定します。また MS UI Gothic のようにファミリ名に空白がある場合は、ダブルコーテーションで囲むようにしないと、ブラウザが無視する場合があります。

値には、フォント名を設定する方法とフォントファミリの系統名で設定する方法があります。設定したフォントがユーザ側にない場合は、設定したフォントに近いフォントになったり、スタイルシートの指定が無視されてブラウザの設定されてる初期値のフォントで表示されたりします。

PageTop

font-size フォントの大きさを設定する

CSS仕様: CSS1

適応要素 ：すべてのエレメント

継承 ：する (デフォルト値 ＝ medium)

PageTop

font-style フォントの字体を設定する

CSS仕様: CSS1

適応要素 ：すべてのエレメント

継承 ：する (デフォルト値 ＝ normal)

これは normal の字体です。

これは itaric の字体です。

これは oblique の字体です。

PageTop

font-weight フォントの字体を設定する

CSS仕様: CSS1

適応要素 ：すべてのエレメント

継承 ：する (デフォルト値 ＝ normal)

PageTop

font-stretch フォントの伸縮（長体や平体）を設定する

CSS仕様: CSS1

適応要素 ：すべてのエレメント

継承 ：する (デフォルト値 ＝ normal)

PageTop

font-size-adjust フォントの違いによるサイズの調整

CSS仕様: CSS1

適応要素 ：すべてのエレメント

継承 ：する（デフォルト値＝none）

PageTop

font-variant フォントにスモールキャップを設定する

CSS仕様: CSS1

適応要素 ：すべてのエレメント

継承 ：する (デフォルト値 ＝ normal)

スモールキャップとは小文字が大文字を小さくしたような形状をしている種類のフォントです。このプロパティは要素内のフォントとしてスモールキャップを設定します。

<ul style="font-size: large">
 <li>font-variant: normal
 <li style="font-variant: small-caps">font-variant: small-caps
</ul>

• font-variant: normal
• font-variant: small-caps

サンプルでは小文字が、variant属性によって大文字で表記されます。