# Property Description

The font-family property sets the font for an element.

The font-family property can use several font names as a "fallback" system. If the browser does not support the first specified font, it tries the next specified font.

There are two types of font family names:

- family-name - The name of a font-family, like "times", "courier", "arial", etc.
- generic-family - The name of a generic-family, like "serif", "sans-serif", "cursive", "fantasy", "monospace".

Note: Separate each font value with a comma.

Note: If a font name contains white-space, it must be quoted. Single quotes must be used when using the "style" attribute in HTML.

# Property Values

Value | Description
--- | ---
family-name generic-family | A list of font family names and/or generic family names.
inherit1 | Specifies that the value of the property should be inherited from the parent element

# Examples

This example specifies the font for a paragraph.

    p {
      font-family:
        Georgia,Times,Serif;
    }

# Browser Support

Firefox | IE | Chrome | Opera | Safari

1 - 'inherit' not supported by IE

# Miscellaneous Information

Inherited: | Yes
Defined In: | CSS1