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 |
 |
 |
 |
 |
|
The Ektron Intranet
lets you do everything you need to do on your corporate intranet and everything you want to do... all with just one application.
What can you do with the Ektron Intranet? |
 |
Navigate through content, documents, assets, colleagues and workgroups quickly and intuitively with enterprise search |
 |
Communicate with friends and colleagues with forums, message boards and corporate blogging using the new Social Networking Platform |
|
Utilize the extensive out-of-the box features or customize your site through Ektron CMS400.NET's open architecture |
 |
Promote collaboration in your organization through project workspaces where others can efficiently find information and work together |
 |
Author/edit content, manage navigation, menus, audit trails, workflow and approvals with the best in breed Content Management |
|
|
|
|
See why there are 20,000+ Ektron integrations worldwide.
|
|
 |
TAKE THE VIDEO TOUR |
 |
or download a FREE TRIAL today. |
| 
HOME
Printer friendly page
