Web Style Guide: TYPOGRAPHY - Sandhills Community College
Web Style Guide: TYPOGRAPHY - Sandhills Community College
Web Style Guide: TYPOGRAPHY - Sandhills Community College
Create successful ePaper yourself
Turn your PDF publications into a flip-book with our unique Google optimized e-Paper software.
<strong>Web</strong> <strong>Style</strong> <strong>Guide</strong>: <strong>TYPOGRAPHY</strong><br />
page banner), you may wish to work first in a drawing program such as Adobe Illustrator or<br />
Macromedia FreeHand. Drawing programs are better at laying out text and will let you edit the text up to<br />
the final rendering into a paint (GIF or JPEG) graphic to use on the <strong>Web</strong> page. Final rendering is usually<br />
done by importing the graphic into Photoshop, where all text will automatically become antialiased:<br />
www.eng.yale.edu<br />
We often use graphic type within banner or navigational graphics, but we rarely use graphic type simply<br />
as a stylistic substitute for headlines or subheads within a <strong>Web</strong> page. Purely graphic typography cannot<br />
be searched and indexed along with the HTML-based text on a <strong>Web</strong> page. Your best option is to repeat<br />
the textual content of the graphic inside an ALT tag and hope that search engines will pick up that<br />
content, too. Finally, bear in mind that graphic type is far more difficult to edit or update than HTML<br />
text.<br />
When not to use antialiasing<br />
Antialiasing is great for large display type, but it is not suitable for small type sizes, especially type<br />
smaller than 10 points. The antialiasing reduces the legibility of small type, particularly when you<br />
import it into Photoshop from a drawing program like Adobe Illustrator. If you need to antialias small<br />
type sizes, do it in Photoshop:<br />
http://webstyleguide.com/type/print/type.html (29 of 31)5/17/2005 5:18:39 PM