::Stuff for the multi-spec coder;

Coding, formats, standards, and other practical things.

 Home  //  CSS  //  font-family 

<!-- CSS 2.1 Reference

Property Name: font-family


Default Value: depends on user agent
Inherited: yes
Possible values directly from the standard:
[[ family-name, generic-family ] [, family-name| generic-family]* ], inherit

Property Description:

This property assigns a generic font family, a specific font family, or a specific font to an element. It allows you to assign multiple values, separated by commas, where the first font match (by the client/browser/renderer) on the list will be assigned. For example, if you entered the value of "Courier New", Courier, Monospace as this property's value, the browser would first look for the specific font named 'Courier New', then for a font from the specific font family 'Courier', and only if it finds neither, will it assign a font from the generic Monospace family. There are five generic font families defined in CSS: serif, sans-serif, cursive, fantasy, and monospace. However, cursive and fantasy fonts aren't commonly found/defined on non-windows systems.

    Common font families by Operating System:
  • Windows:
    • Serif: Times New Roman, Georgia, Book Antiqua, Bookman Old Style, Garamond
    • Sans serif: Arial, Arial Black, Arial Narrow, Trebuchet MS, Verdana, Century Gothic, Lucida Sans Unicode, Tahoma
    • Monospace: Courier New, Courier, Lucida Console
  • Linux/Unix:
    • Serif: Bitstream Vera Serif, New Century Schoolbook, Times, Utopia
    • Sans Serif: Bitstream Vera Sans, Helvetica, Lucida
    • Monospace: Bitstream Vera Mono, Courier
  • Mac:
    • Serif: New York, Palatino, Times
    • Sans serif: Charcoal, Chicago, Geneva, Helvetica, Lucida Grande
    • Monospace: Courier, Monaco
It should be noted, however, that fonts that were included in the Microsoft Core Web Fonts release can be found on many systems, including most OS X installations, and many Linux installations (Linux users may find them at corefonts.sourceforge.net). The Core Web Fonts release includes the following fonts: Arial, Arial Black, Trebuchet MS, Verdana, Courier New, Andale Mono, Comic Sans MS, Impact, Webdings.


Example:

body, td { font-family: "Times New Roman", Times, serif; }


Complete CSS Property Listing:
background-attachment, background-color, background-image, background-position, background-repeat, background, border-collapse, border-color, border-spacing, border-style, border-top, border-right, border-bottom, border-left, border-top-color, border-right-color, border-bottom-color, border-left-color, border-top-style, border-right-style, border-bottom-style, border-left-style, border-top-width, border-right-width, border-bottom-width, border-left-width, border-width, border, bottom, caption-side, clear, clip, color, content, counter-increment, counter-reset, cursor, direction, display, empty-cells, float, font-family, font-size, font-style, font-variant, font-weight, font, height, left, letter-spacing, line-height, list-style-image, list-style-position, list-style-type, list-style, margin-top, margin-right, margin-bottom, margin-left, margin, max-height, max-width, min-height, min-width, outline-color, outline-style, outline-width, outline, overflow, padding-top, padding-right, padding-bottom, padding-left, padding, position, quotes, right, table-layout, text-align, text-decoration, text-indent, text-transform, top, unicode-bidi, vertical-align, visibility, white-space, width, word-spacing, z-index













Looking for the old guiStuff?

It's still here, the old content didn't go anywhere.