CSS Font Properties

Cascading style sheets allow us to format web pages easily and generally lead to a faster loading site.  Using CSS for your fonts is becoming more important as the HTML <font> tag has been deprecated.  Below are a series of CSS attributes that you can use to style your web pages.

font-family
A list of font names to use.  This setting allows you to list several font choices in the order that you would prefer they are used in case your primary choice isn't available.  For example, if you use "font-family: Tahoma, Arial, sans-serif;" the browser will use Tahoma if available. If Tahoma is not on the visitor's computer Arial will be used.  Failing Arial, a generic sans-serif will be used. 

font-size
The size of the font.  You use either an HTML size (xx-small, x-small, small, medium, large, x-large, or xx-large), relative sizes (smaller, larger), a length, or a percentage.  If you use a length you can use either px, em, or pt.

font-style
Use either italic or oblique.

font-variant
small-caps is the only option other than normal.

font-weight
Sets the boldness of the font.  Can be normal, bold, bolder, or lighter.