CSS font-family Property
Complete CSS Reference
Definition
The font-family property is a prioritized list of font family names and/or generic family names for an
element.
The browser will use the first value it recognizes.
There are two types of font-family values:
- 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".
Note: Separate each value with a comma, and always offer a
generic-family name as the last alternative.
Note: If a family-name contains white-space, it should be quoted. Single quotes must be used
when using
the "style" attribute in HTML.
Inherited: Yes
JavaScript Syntax
CSS properties can also be dynamically changed with a JavaScript.
Scripting Syntax: object.style.fontFamily="arial, sans-serif"
In our HTML DOM tutorial you can find more details about the
fontFamily property.
In our HTML DOM tutorial you can also find a full
Style Object Reference.
Example
body
{
font-family: courier, serif
}
p
{
font-family: arial, "lucida console", sans-serif
}
<p style="font-family: arial, 'lucida console', sans-serif">
|
Possible Values
Value |
Description |
family-name
generic-family |
A prioritized list of font family names and/or generic
family names for an element. Default value: Browser dependent |
Try-It-Yourself Demos
Set the font of a text
This example demonstrates how to set a font of a text.
Complete CSS Reference
|