Home // font-family
CSS 2.1 Complete Reference
Property Name: font-family
Default Value: depends on user agent
Inherited: yes
Possible values directly from the standard:
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
Example:
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
About me
I am a freelance designer with over 7 years experience within the Web design, Web Developement & Online Marketing industry. I was a founding director and designer at Filance, one of UAE's leading creative agencies for 4 years, an experience which was great fun and broadened my expertise immensely.
This portfolio contains a selection of my work during this time.
If you're looking for a hard working, skilled, and very down-to-Earth designer then look no further.