Difference between revisions of "CSS GUIDE FONT FAMILY"

From CDOT Wiki
Jump to: navigation, search
 
Line 20: Line 20:
 
'''family-name'''  
 
'''family-name'''  
  
The name of a font family. For example, "Times" and "Helvetica" are font families. Font family names containing whitespace should be quoted.  
+
* The name of a font family. For example, "Times" and "Helvetica" are font families. Font family names containing whitespace should be quoted.  
  
 
'''generic-family'''  
 
'''generic-family'''  
  
The following generic families are defined: serif, sans-serif, cursive, fantasy, monospace. Generic family names are keywords and should not be quoted.
+
* 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 ==
 
== Mozilla Recommended Values ==

Latest revision as of 16:40, 13 December 2006

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