From http://www.w3schools.com (Copyright Refsnes Data)
The CSS font properties define the font in text.
Set the font of a text
This example demonstrates how to set a font of a text.
Set a
paragraph font using the "caption" value
This example demonstrates how to set a paragraph font using the "caption" value.
Set the size of the font
This example demonstrates how to set the size of a font.
Set the
size of the font using font-size-adjust
This example demonstrates how to set the size of a font using font-size-adjust.
Set the style of the font
This example demonstrates how to set the style of a font.
Set the variant of the font
This example demonstrates how to set the variant of a font.
Set the boldness of the font
This example demonstrates how to set the boldness of a font.
All the font properties in one
declaration
This example demonstrates how to use the shorthand property for setting all of
the font properties in one declaration.
The CSS font properties allow you to change the font family, boldness, size, and the style of a text.
Note: In CSS1 fonts are identified by a font name. If a browser does not support the specified font, it will use a default font.
Browser support: IE: Internet Explorer, F: Firefox, N: Netscape.
W3C: The number in the "W3C" column indicates in which CSS recommendation the property is defined (CSS1 or CSS2).
| Property | Description | Values | IE | F | N | W3C |
|---|---|---|---|---|---|---|
| font |
A shorthand property for setting all of the properties for a font in one declaration | font-style font-variant font-weight font-size/line-height font-family caption icon menu message-box small-caption status-bar |
4 | 1 | 4 | 1 |
| font-family |
A prioritized list of font family names and/or generic family names for an element | family-name generic-family |
3 | 1 | 4 | 1 |
| font-size |
Sets the size of a font | xx-small x-small small medium large x-large xx-large smaller larger length % |
3 | 1 | 4 | 1 |
| font-size-adjust | Specifies an aspect value for an element that will preserve the x-height of the first-choice font | none number |
- | - | - | 2 |
| font-stretch | Condenses or expands the current font-family | normal wider narrower ultra-condensed extra-condensed condensed semi-condensed semi-expanded expanded extra-expanded ultra-expanded |
- | - | - | 2 |
| font-style |
Sets the style of the font | normal italic oblique |
4 | 1 | 4 | 1 |
| font-variant |
Displays text in a small-caps font or a normal font | normal small-caps |
4 | 1 | 6 | 1 |
| font-weight |
Sets the weight of a font | normal bold bolder lighter 100 200 300 400 500 600 700 800 900 |
4 | 1 | 4 | 1 |
From http://www.w3schools.com (Copyright Refsnes Data)