![[Cascading Style Sheets]](images/title.jpg)
![[Previous page]](images/previous.jpg){kind=small}
![[Next page]](images/next.jpg){kind=small}
![[Section contents page]](images/contents.jpg){kind=small}
Font Properties and Values
Below is a table of style properties and values for fonts -- other properties and values are listed on the pages that follow. (I've included here only properties now supported by Internet Explorer and Netscape -- I'll add others when they are supported)
Commonly Used Properties and Values for Cascading Style Sheets
| Table Legend | |
 Supported in Internet Explorer 3.x Supported in Internet Explorer 4.x Supported in Netscape 4.x
|
pt = points in = inches cm = centimeters px = pixels em = height of element's font (the em unit is not yet widely supported and should be used with caution) |
| Property | Description | Values | Example | |
|---|---|---|---|---|
| Font Properties | ||||
|
|
font-size (inherited) | Sets size of text |
size (pt, in, cm, px) percentage of normal size relative: xx-large, x-large, large, medium, small, x-small, xx-small, larger, smaller |
{ font-size: 12pt } { font-size: 200% } { font-size: x-large } |
|
|
font-family (inherited) | Sets typeface and alternates (in order of preference) |
typeface name font family name |
{ font-family: "Trebuchet MS," "Sans-serif" } |
|
|
font-weight (inherited) | Sets weight of type |
normal bold (other options will be supported later) |
{ font-weight: bold } |
|
|
font-style (inherited) | Italicizes text |
normal italic (more options will be available later; 'oblique smallcaps' available in IE4 only) |
{ font-style: italic } |
|
|
font-variant (inherited) | specifies font variant |
smallcaps (more options will be available later) |
{ font-variant: smallcaps } |
|
|
@font-face |
specifies a source location for a font not present on the user's system
(see the note below this table) |
@font-face { font-family: (font-family) ; url(URL); } | @font-face comic { src:url(http://site/comicbold.eot); } |
The special @font-face style is expected to be implemented in the final release of IE 4.0, pending approval of the World Wide Web Consortium; at this time I have been unable to locate information on constructing or locating examples of these ".eot" (open type) files -- check Microsoft's Typography Page for developments; I will update this page as more information becomes available.