Font Help

CSS exposes a rich set of properties for controlling the font on the page.

This page is just a teaser until we finish the help sections. You will be able to disinguish the help links by the help cursor. This page and this entire section are not yet complete.

Font-Family

Values: [[<family-name> | <generic-family>],]* [<family-name> | <generic-family>]
Default: Browser Specific

A prioritized comma-delimited list of font family names and/ or generic names to use. The following generic font-families are defined:
familyexample on your system
serifABCabc
sans-serifABCabc
cursiveABCabc
fantasyABCabc
monospaceABCabc
The font-family describes the name of the font being displayed.

Font-Weight

Values: normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900

Default: normal

Font-weight describes how bold you want your text.

Font-Size

Values: <absolute-size> | <relative-size> | <length> | <percentage>
Default: medium

The font-size defines the size of the text.
<absolute-size>xx-small | x-small | small | medium | large | x-large | xx-large
<relative-size>larger | smaller

Font-Style

Values: normal | italic | oblique
Default: normal

The font-style

Text-Decoration

Values: none | [underline || overline || line-through]
Default: none Specifies additional decorations to add to the text.

Font-Variant

Values: normal | small-caps
Default: normal

This is used to specify small-caps.

Text-Transform

Values: none | uppercase | lowercase
Default: none

Automatically displays the text either uppercase, lowercase, or as it is presented in the content.

Letter-Spacing

How much space you want between each character. Use the same measurements as font-size.