CSS Fonts Properties and Values

font-family: Defines the typeface to use. Font family or generic font names (Some browsers will not display all types)

This is serif font This is sans serif font This is monospace font This is a script font This is fantasy font

h1 {font-family: Times New Roman, serif}
font-style: Defines font styles: normal, oblique(italic)
th{font-style:italic}

This text is Italic

font-size:Defines font size using the following measurements: Pixels(default){font-size:28px}; Inches{font-size:1in} Percentage{font-size:25%}; Points font-size:12pt}; Centimeters, em

Text is 12 pixels

font-weight:Defines the thickness of the font as:
normal, bold, bolder, lighter or Values 100 to 900 indicates font thickness (400 is normal) P {font-weight:bold}

This text is bold

font-variant: Defines small caps:normal (default), small-caps,
h2{font-variant:small-caps}

This is font-variant:small-caps

font-stretch: Defines the width of the font as · normal · wider (increase width by one) · narrower (decrease width by one) · extra-condensed (looser than preceding value) · condensed, · semi-condensed, · expanded

This is wider stretch

font:Grouping of multiple font attributes without individual font properties:

body {font:italic 14px New Century Schoolbook, serif }

 
Web Design with XHTML Part I
> Doris Cuffey, Instructor