構文
font : 形状 スモール・キャピタル 太さ サイズ/行の高さ フォント名;
説明文
「font」ではフォントのサイズ(font-size),形状(font-style),太さ(font-weight),利用するフォント名(font-family),スモール・キャピタル(font-variant),行の高さ(line-height)を一括して指定できる。指定はそれぞれの値をスペースで区切りながら以下の順序で列挙すればよい。
font : 形状(font-style) スモール・キャピタル(font-variant)
太さ(font-weight) サイズ(font-size)/行の高さ(line-height)
フォント名(font-family)
フォントのサイズと利用するフォント名は必ず指定する必要がある。それ以外の項目は省略が可能。
また,行の高さを設定する場合は,「フォントのサイズ/行の高さ」とサイズと同時に指定する必要がある。例えば,フォントのサイズを10pt,行の高さを120%とする場合は以下のように指定する。
p { font : 10pt/120% sans-serif; }
使用例
● CSSの定義
h3 { font : bold italic 2em/1.5 sans-serif; }
● HTMLの例
<h3>日経BP社</h3>
<p>日経BP社は今年で40周年を迎えました。</p>
● 表示結果
関連項目
- font-family - 表示フォントの種類を指定する
- font-size - 文字のサイズを指定する
- font-style - フォントの形状を指定する
- font-variant - スモール・キャピタルの設定
- font-weight - 文字の太さを指定する
- text-decoration - 文字列に装飾を加える