CSS Font
The CSS font properties define the font in text.
Examples
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.
CSS Font Properties
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 |
Learn XML with <oXygen/> XML Editor - Free Trial!
 |
|
oXygen helps you learn to define,
edit, validate and transform XML documents. Supported technologies include XML Schema,
DTD, Relax NG, XSLT, XPath, XQuery, CSS.
Understand in no time how XSLT and XQuery work by using the intuitive oXygen debugger!
Do you have any XML related questions? Get free answers from the oXygen
XML forum
and from the video
demonstrations.
Download a FREE 30-day trial today!
|
| 
HOME
Printer friendly page
