XHTML/CSS・トップ | CSSプロパティ・目次

●フォントのスタイルをまとめる

 fontは font-style(斜体)、font-variant(スモール・キャピタル)、font-weight(太さ)、font-size(大きさ)、line-height(行間)、font-family(フォント・ファミリー)プロパティの値をまとめて指定するプロパティです。それぞれの値を半角スペースで区切って指定しますが、正確に反映させるにはルールがあります。

・「font-style、font-variant、font-weight」「font-size/line-height」「font-family」のグループに別れ、このグループの順番で記載する決まりがあります。

・font-size、font-familyプロパティの値の指定だけが必須条件でほかは省略することができます。

・「font-style、font-variant、font-weight」グループの順番は任意です。

・line-heightプロパティの値を指定するときはfont-sizeプロパティの値との間にスラッシュ(/)を入れてください。

【サンプル】↓

Times New Roman

【CSS】↓

h1 {
 font: italic bold 1.7em "Times New Roman";
 color: #ff00ff;
 text-align: center;
}

【HTML】↓

<h1>Times New Roman</h1>


【解説】↓

 フォント色は指定できませんので別に指定する必要があります。Webサイトのページソースでフォント色を指定している fontプロパティの書式を見かけることがありますが、文法的に誤りです。また、それぞれのプロパティのバグはそのまま fontプロパティに継承されます。指定できる値につきましては関連ページをご参照ください。(font-variantプロパティは解説していませんが)

■関連ページ

XHTML/CSS・目次 | フォント・目次

Copyright (C) 2005-2007 http://www.xml.vc/