ウェブランサー

font - フォントに関する指定をまとめて行う

対応ブラウザ
IE7対応IE8対応Firefox対応Chrome対応Opera対応Safari対応
適用対象 全ての要素
継承 する

fontプロパティは、フォントに関する指定をまとめて行う事ができます。

fontには、"font-size"、"font-weight"、"font-family"、"font-style"、"font-variant"、"line-height"の値を指定することができます。複数の値を指定する場合には、半角スペースを空けて記述してください。

各プロパティには、記述する順番や省略不可などのルールがあります。
1. font-style, font-variant, font-weight(省略可)
2. font-size(省略不可)
3. /line-height(省略可、値の前に[/]を記述)
4. font-family(省略不可)

fontに与えられる値

font: 値;
フォントサイズ、フォントファミリーなど、各プロパティを参照

fontの使用サンプル

CSS
.font_sample {
 color:#0066FF;
 font: bold 20px sans-serif;
}
XHTML
<div class="font_sample">表示サンプル</div>
表示確認
表示サンプル

fontに関連するCSSプロパティ

フォント・文字色
color 文字の色を指定する
font 文字フォントに関する指定をまとめて行う
font-family 文字フォントファミリー(フォントの種類)を指定する
font-feature-settings OpenTypeフォント機能の利用について、有効/無効を指定する
font-kerning 欧文フォントにカーニングを適用する
font-language-override 表示する文字フォントの言語を部分的に変更する
font-size 文字フォントのサイズ(大きさ)を指定する
font-size-adjust 文字フォントの種類の違いによるサイズのバラつきを調整する
font-stretch 文字フォントの横幅の広さを指定する
font-style 文字フォントを斜体で表示する
font-synthesis 太字や斜体を持たないフォントファミリーの場合に、太字や斜体で表示するかどうかを指定する
font-variant 文字フォントの表示に関するサブプロパティの値をまとめて指定する
font-variant-alternates 文字フォントの代替グリフ(字形)の選定を制御する
font-variant-caps スモールキャップス(small caps)などの、文字フォントのグリフ(字形)を指定する
font-variant-east-asian 表示する文字フォントのグリフ(字形)の指定を行う
font-variant-ligatures 隣り合った文字フォントの合字(リガチャ)を指定する
font-variant-numeric 数字の表示形式を指定する
font-variant-position 上付き文字、下付き文字を指定する
font-weight 文字フォントの太さを指定する