Font Properties |
|||
| Comments: These properties let you control basic font characteristics. | |||
| Property | Description | Values | Example |
| font-family | Specifies the font family, or typeface, to use for the element. You can specify a series of names and the first available font is used. |
family name generic name: serif sans-serif cursive fantasy monospace |
p {font-family: futura, helvetica, arial, sans-serif} Display the paragraph in Futura, if available. If not, try Helvetica, Arial, and finally, any sans-serif display. |
| font-style | Specifies the style of type to use for the element. | normal italic oblique |
H2 {font-family: futura, helvetica, arial; font-style: italic} Uses the italic variation of the typeface for all level two headlines. |
| font-variant | Lets you select the small caps style of the typeface. | normal small-caps |
H2 {font-family: futura, helvetica, arial; font-variant: small-caps} Uses the small-caps variation of the typeface for all level two headlines. |
| font-weight | Lets you select the weight or boldness of the font. | lighter normal bold bolder 100 200 300 ... 900 |
blockquote {font-weight: bold} Makes the blockquote bold. |
| font-size | Let you select the size of the type in the font. Font size may be specified in absolute units or relative to the "current" size. | XX units % larger smaller xx-small x-small small medium large x-large xx-large |
p{font-size: 12pt} displays the paragraph in 12 point type. H1 {font-size: 150%} Displays all level one headlines at 150% of their normal size. |