Fonts

Don't use too many fonts on your project. 3-4 at most.

Graphic fonts: currently at WHOI, the following gra fonts are generally used

Woods Hole Oceanographic Instition (on many banners and homepage) - Textile

For many title images we use the FranklinGothic font. It is a good font to use large but not for small text. In example "Prospecting on the Seafloor" is in FranklinGothic Condensed.

For smaller text, the fonts Verdana, TradeGothic, or Interstate are widely used.

For HTML text

Body text
We suggest using <font face=verdana,arial,helvetica,sans-serif size=2>. Studies have shown that this is one of the most readable fonts across browsers. On many HTML pages we use browser detection code to call separate stylesheets for Mac and PC. Remember that Mac's HTML fonts always come out one size less that on PCs. If you feel you are capable enough to implement this code please contact someone in the Web Communications Group and we will show you how to set it up.

Title text
We suggest using <font face=verdana,arial,helvetica,sans-serif size=3 color="something different than body and link text" ><b>Title goes here</b></font>

Subhed
We suggest using <font face=verdana,arial,helvetica,sans-serif size=2 color="something different than body and link text" ><b>Subhed</b></font>

Captions
We suggest using <font face=verdana,arial,helvetica,sans-serif size=1 color="same as body text" >Caption goes here</font>

Next