Font Properties Used in Style Sheets

Style Name Function Attributes Examples
font-family the type of font shown on the page default is times new roman in most browsers
font-family: name
font-family: "verdana";
font-size Controls the size of the font default standard
number of pixels
percentage
point size (pt)
font-size: 10pt;
font-style Controls the style of the font default is normal
italic
oblique
font-style: italic;
font-style: oblique;
font-variant Controls the variant of the font default is normal
small-caps
font-varient: small-caps;
font-weight Controls the boldness of the font
This attribute does not work fully in all browsers. Mainly only some weights are actually represented in practice. Therefore I suggest you stick with normal (default) and bold.
default is normal
lighter
bold
bolder
100
200
300
400
500
600
700
800
900
font-weight: lighter;
font-weight: normal;
font-weight: bold;
font-weight: bolder;
font-weight: 100;
font-weight: 200;
font-weight: 300;
font-weight: 400;
font-weight: 500;
font-weight: 600;
font-weight: 700;
font-weight: 800;
font-weight: 900;

< >


© Copyright Night Train Web Productions Night Train Web Productions — All Rights Reserved
No Part of This Work May be Reproduced by any Means Without Prior Written Authorization
8153 / 051006 / 301787