Definition The font-family property is a prioritized list of font family names and/or generic family names for an element. The browser will ...
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: 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"
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 |
Goto CSS3 and CSS2 complete reference
