# font attribute

Type: | font-style? font-weight? font-variant? font-size [/line-height]? font-family
Inherited: | yes
Used By: | All text elements
See: | font-family font-size font-style font-variant font-weight line-height

The font attribute is a shortcut method of setting the font-family and zero or more of the font-style, font-weight, font-variant, font-size, line-height attributes in one go.
The font-family must be specified, but other attributes are optional. This attribute is best demonstrated by example, so here are some to start you off:

Set the font Helvetica

    p { font:Helvetica }

Set the font to 14pt bold Helvetica

    p { font:bold 14pt Helvetica }

Set the font to 14pt bold Helvetica with a line spacing of 18pt

    p { font:bold 14pt/18pt Helvetica }

Set the font to bold italic small-caps Courier in the current font size

    p { font:italic bold small-caps Courier }

Set the font to normal small-caps Courier, with the font size to "x-large" and the line height set to 100% - ie there's to be no leading

    p { font:normal small-caps x-large/100% Courier }