font-family

The display of text elements such as headings, notes, and paragraphs are controlled by the Font Properties. This is the most common type of formatting used with Style Sheets. There are five font properties, as listed below. Each font property has its own array of values. • font-style Sets the font style (ie: italic) • font-variant Sets the font case (upper, lower, small-caps) • font-weight Sets the font to lighter or bolder • font-size Sets the font size • font-family Sets the type of font (font face) used font-family The font-family property is used to specify the primary font to be used to render the page. A secondary font (or third, or fourth) is specified in the event the first isn't available on the visitors' system. Font entries are separated by a comma, and it is recommended you end each font-family list with a generic font-family. Also, font names which contain spaces must be enclosed within quotes. font-family values family name This value sets a specific font name, whixh would be any font available on your system. Generic family This value is used to set the font family to a very broad range of individual fonts. For example, the generic font family serif contains the Times New Roman and Palatino fonts, and sans-serif contains the Helvetica and Arial fonts. In the event a generic font family is indicated, the visitor's browser settings will be the deciding factor. EXAMPLES: BODY {font-family: Arial, Helvetica, "Times New Roman", sans-serif} This example sets the first font to be used as Arial. If Arial doesn't exist, Times New Roman is used. Notice that Times New Roman is enclosed within quotations due to the spaces in the font name. H2, H3 {font-family: "courier sans ms", "lucida sans"} This statement sets the heading levels H2 and H3 to use the Courier Sans MS first, then Lucida Sans if the first isn't available.