CSS font-family Property
 Complete CSS Reference
Example
Specify the font for a paragraph:
p
{
font-family:"Times New Roman",Georgia,Serif;
} |
Try it yourself »
|
Definition and Usage
The font-family property specifies the font for an element.
The font-family property can hold several font names as a "fallback" system.
If the browser does not support the first font, it tries the next font.
There are two types of font family names:
- family-name - The name of a font-family, like "times", "courier", "arial", etc.
- generic-family - The name of a generic-family, like "serif", "sans-serif", "cursive", "fantasy", "monospace".
Start with the font you want, and always end with a generic family, to let the browser pick a similar font in the generic family, if no other fonts are available.
Note: Separate each value with a comma.
Note: If a font name contains white-space, it must be quoted. Single quotes must be used when using the "style" attribute in HTML.
| Default value: |
not specified |
| Inherited: |
yes |
| Version: |
CSS1 |
| JavaScript syntax: |
object.style.fontFamily="arial,sans-serif" |
Browser Support
The font-family property is supported in all major browsers.
Note: No versions of Internet Explorer (including IE8) support the property value "inherit".
Property Values
| Value |
Description |
family-name
generic-family |
A prioritized list of font family names and/or generic
family names |
| inherit |
Specifies that the font family should be inherited
from the parent element |
Related Pages
CSS tutorial: CSS Font
CSS reference: font property
HTML DOM reference: fontFamily property
Complete CSS Reference
Need an easy way to get data into XML, or transform XML to another format?
MapForce lets you map XML data to/from any combination of XML, database, flat file, Excel 2007, XBRL, or Web services data.
Then it transforms data instantly or auto-generates royalty-free data integration code for recurrent conversions.
Download a free, fully functional 30-day trial to experience the following features:
- Easy-to-use, graphical data mapping interface
- Instant data transformation
- XSLT 1.0/2.0 and XQuery code generation
- Java, C#, and C++ code generation
- Advanced data processing functions
- Support for all major relational databases including SQL Server, IBM DB2, Oracle, and more
- Visual Studio & Eclipse integration
Download a fully-functional trial today!
|
|
|
|
