CSS Font Families

Font families refers to how we can tell the browser what font to use - Times New Roman versus say Arial.

One of the interesting challenges with web browsers is they run on all types of operating systems and so we cannot guarantee what font is available on a given browser so CSS allows one to specify several font families in order of most preferred to least preferred.

For instance:

.MAIN * { font-family: Arial, Helvetica, sans-serif; }

This specifies that the font Arial should be used if present, and if not then try Helvitica or if that cannot be found use sans-serif.

See CSS Selectors to understand the first line of the above example.