Web Typography

After choosing appropriate colors, selecting appropriate typefaces is one of the most effective ways to design your site so that clearly appears part of UMass Amherst. Designing with readable type sizes makes your site easy to use and more appealing for readers.


The following font stacks are suggested for use in the CSS font declaration for UMass Amherst Web sites.

For a sans-serif typeface in body type:

font-family:Verdana, Geneva, sans-serif; 

or, in body type if a narrower sans-serif typeface is desired:

font-family:Tahoma, Arial, sans-serif; 

For a serif typeface in headines (h1 or h2):

font-family:Georgia, Sabon, Times, "Times New Roman", serif; 

Larger graphic elements such as images that incorporate type should use the typography standards specified for use in print.

Type size

Make your site as readable as possible by specifying a type size that is neither too large nor too small. To make your site most flexibile for readers, create your site with scalable font definitions using ems or percentages, using a size no smaller than the print equivalent of 12 points.