font

Support Key: [CSS1|CSS2|CSS2.1] [IE3B1|N4B2|O3.5|S1]
Other Font Properties
font-size-adjust
font-stretch
font-style
font-variant
font-weight
font-size
font-family
= Index DOT Css by Brian Wilson =
  Main Index | Property Index | CSS Support History | Browser History  



   Quick Statistics   
Default Value:
   [See sub-properties]
Applicable Elements:
All
Inherit From Parent:
Yes
Applicable Media:
Visual
HTML Equivalent:
<i>, <b>, <font SIZE="(+/-)N">,
<font FACE="font1, font2, ...fontN">
Official Docs:
CSS1: Sect 5.2.7
CSS2: Sect 15.2.5, CSS2.1: Sect 15.8
What is it?
This is a shorthand property notation based on a traditional typography shorthand method of specifying values for multiple properties related to fonts ('font-style', 'font-variant', 'font-weight', 'font-size', 'line-height', and 'font-family'.) Defaults for this shorthand method match those used for each property listed individually. If properties are omitted from this shorthand notation, they are assumed to carry their individual default values.

CSS2 introduces the capability of setting a font to a system font via this property. This capability is only possible with the 'font' shorthand (they can't be set with 'font-family') - altering the capability of this property to be more than the sum of the other individual properties it can set. After setting a system font, individual font properties can be applied to the result to customize the font behavior. If an indicated system font type is not available a browser default font should be used.

Allowed Values
inherit
[CSS2|CSS2.1] [N6|O7|S1]
Type: Explicit
Description:
Explicitly sets the value of this property to that of the parent.
[font-style]
[CSS1|CSS2|CSS2.1] [IE3|N4B2|O3.5|S1]
Type: NA
Description:
See the individual property for details on syntax and allowed values.
[font-variant]
[CSS1|CSS2|CSS2.1] [IE4|N6|O3.5|S1]
Type: NA
Description:
See the individual property for details on syntax and allowed values.
[font-weight]
[CSS1|CSS2|CSS2.1] [IE3|N4B2|O3.5|S1]
Type: NA
Description:
See the individual property for details on syntax and allowed values.
[font-size]
[CSS1|CSS2|CSS2.1] [IE3B1|N4B2|O3.5|S1]
Type: NA
Description:
See the individual property for details on syntax and allowed values.
[line-height]
[CSS1|CSS2|CSS2.1] [IE3B1|N4B2|O3.5|S1]
Type: NA
Description:
See the individual property for details on syntax and allowed values.
[font-family]
[CSS1|CSS2|CSS2.1] [IE3B1|N4B2|O3.5|S1]
Type: NA
Description:
See the individual property for details on syntax and allowed values.
caption|icon|menu
[CSS2|CSS2.1] [IE4|N6|O6]
Type: Explicit
Description:
These values refer to fonts that are already in use for a specific purpose by the browser or system.
   caption: Captioned controls (buttons, drop-downs, etc.)
   icon: Icon labels.
   menu: Dropdown menus.
message-box|small-caption|status-bar
[CSS2|CSS2.1] [IE5.5|N6|O6]
Type: Explicit
Description:
These values refer to fonts that are already in use for a specific purpose by the browser or system.
   message-box: Dialog box text.
   small-caption: Fonts used for 'small controls'.
   [no explanation or example for this is given in CSS2;
    this could possibly be a font used for something like a 'tooltip' - ed]
   status-bar: Fonts used for window status bars.
messagebox|smallcaption|statusbar
[IE4]
Type: Explicit
Description:
These values refer to fonts that are already in use for a specific purpose by the browser or system.
   messagebox: Dialog box text.
   smallcaption: Fonts used for 'small controls'.
   [no explanation or example for this is given in CSS2;
    this could possibly be a font used for something like a 'tooltip' - ed]
   statusbar: Fonts used for window status bars.
button|desktop|dialog|document|field
info|list|pull-down-menu|workspace
[N6]
Type: Explicit
Description:
These values refer to fonts that are already in use for a specific purpose by the browser or system. Their system-purpose should be self-explanatory from their name, but neither CSS3 nor Netscape explain what system components these keywords must map to.
Syntax
Selector { font: [font-style] [font-variant] [font-weight] [font-size]/[line-height] [font-family] }
Example
Ext/Doc: body { font: bold small-caps 12pt/14pt sans-serif }
In-Line:  <body STYLE="font: bold small-caps 12pt/14pt sans-serif">test text in the body</body>
Browser Peculiarities

Boring Copyright Stuff....