CSS GUIDE FONT FAMILY

From CDOT Wiki
Jump to: navigation, search

Summary

font-family allows for a prioritized list of font family names and/or generic family names to be specified for the selected element. Unlike most other CSS properties, values are separated by a comma to indicate that they are alternatives.

  • Initial value: depends on user agent
  • Applies to: all elements
  • Inherited: yes
  • Percentages: N/A
  • Media: visual
  • Computed value: as specified

Syntax

font-family: [[family-name|generic-family]
    [,family-name|generic-family]*] | inherit

Legal Values

family-name

  • The name of a font family. For example, "Times" and "Helvetica" are font families. Font family names containing whitespace should be quoted.

generic-family

  • The following generic families are defined: serif, sans-serif, cursive, fantasy, monospace. Generic family names are keywords and should not be quoted.

Mozilla Recommended Values

Usage Examples

body { font-family: "Gill Sans Extrabold", Helvetica, sans-serif }

.receipt { font-family: Courier, "Lucida Console", monospace }

Notes

Specification Conformance

Browser Compatibility

See Also