font-family

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



   Quick Statistics   
Default Value:
   Browser dependent
Applicable Elements:
All
Inherit From Parent:
Yes
Applicable Media:
Visual
HTML Equivalent:
<font FACE="font1, font2, ...fontN">
Official Docs:
CSS1: Sect 5.6.2
CSS2: Sect 15.2.2, CSS2.1: Sect 15.3
What is it?
A 'font-family' is a group of fonts that exhibit similar characteristics. The 'font-family' property indicates a prioritized list of specific/generic font family names to use to display text content in the current container. At least one specific or general font family must be given. If the specified font does not exist, or the necessary glyph is not available in the specified font, the next font is tried. This process continues through the prioritized list until no more are available. If no match is made, the browser default font family 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.
serif | sans-serif | cursive | fantasy | monospace
[CSS1|CSS2|CSS2.1] [IE3|N4B2|O3.5|S1]
Type: Calculated
Description:
These values refer to generic font families that have certain visual characteristics. Browsers will attempt to map an existing font for the selection using this generic family specification. It is recommended to offer a generic font family value as a last alternative after specifying specific font family names.
[specific font-family]
[CSS1|CSS2|CSS2.1] [IE3B1|N4B2|O3.5|S1]
Type: Explicit
Description:
This value will be a string identifying a specific font. Font names containing white space should be quoted (else the value is normalized.)
Syntax
Selector { font-family: (([family-name] | [generic-family]),)* ([family-name] | [generic-family]) }
Example
Ext/Doc: div.fixedwidth { font-family: Courier, "Courier New", monospace }
In-Line:  <div STYLE="font-family: Courier, 'Courier New', monospace">text</div>
Browser Peculiarities

Boring Copyright Stuff....