fontプロパティは font-styleプロパティ, font-variantプロパティ, font-weightプロパティ, font-sizeプロパティ, line-heightプロパティ, font-familyプロパティのフォントに関する6つのプロパティをまとめて設定します。また、fontプロパティでは font-familyプロパティに指定できないシステムフォント(ユーザーのシステムで使用されているフォント)が指定可能となっています。
fontプロパティが適用された要素は、フォント関連プロパティの値がすべて初期値にリセットされ、それから指定値が割り当て直されることになります。このため同一セレクタに個別のプロパティと簡略プロパティを併用する場合は、宣言ブロック内で後に記述した宣言の方が優先されるので効果の兼ね合いに注意しましょう。また、値を指定する事は出来ませんが、font-size-adjustプロパティと font-stretchプロパティにも、fontプロパティが定義された時点で両プロパティの値を初期値にリセットする形で影響を与えるので、fontプロパティと併用する場合は、これら2つのプロパティは宣言ブロック内で fontプロパティよりも後に記述する必要があります。
指定方法は各プロパティの値を半角スペースで区切って続けて指定します。さらに各プロパティの値を示す順序が決まっており、1-3番目までは font-styleプロパティ, font-variantプロパティ, font-weightプロパティの各値を半角スペース区切りで順不同に記述できますが、4番目には font-sizeプロパティの値を指定し、スラッシュ(/)区切りで、5番目に line-heightプロパティの値を記述し、最後に半角スペースで区切って、font-familyプロパティの値を記述します。文字と行間部分については半角スペース区切りではなく、"font-sizeの値/line-heightの値" のようにスラッシュ(/)で区切って続けて指定することに注意してください。
なお、font-sizeプロパティと font-familyプロパティ以外の値は省略が可能で、省力した場合は各プロパティの値はすべて初期値にリセットされているため、各プロパティの初期値が自動的に適用されます。たとえば、font-styleプロパティと font-weightプロパティに関する部分の値を省略した場合、たとえ親要素に font-styleプロパティと font-weightプロパティに初期値以外の値が指定されていても、fontプロパティをもつ要素は font-styleプロパティと font-weightプロパティのどちらも初期値の "normal" が指定されていると解釈し、子要素にも継承されます。
システムフォントの値は、フォントの種類・大きさ・太さ・スタイルなどを含めて、ユーザーのシステムで使用されているフォントと同じ設定にすることができます。ただし、システムフォントのキーワードを使用する場合は、フォント関連プロパティの値と併用することができません。何らかの変更を加えたい場合は、システムフォントを割り当てた後で、初期値にリセットされているので必要に応じて個別のプロパティを指定しなすなりして上書き変更するようにしましょう。
font-stylefont-variantfont-weightfont-sizeline-heightfont-familyfont-size の実装に問題有り)font-family の実装に問題有り)font-family, font-size の実装に問題有り)
p { font : 100%/1.2 Arial,'MS Pゴシック',sans-serif ; }
dfn { font : italic small-caps bold 110%/1.2 'Georgia',serif ; }
.caption { font : caption ; }
.icon { font : icon ; }
.menu { font : menu ; }
.message-box { font : message-box ; }
.small-caption { font : small-caption ; }
.status-bar { font : status-bar ; }