14.11.2014 Views

Web Style Guide: TYPOGRAPHY - Sandhills Community College

Web Style Guide: TYPOGRAPHY - Sandhills Community College

Web Style Guide: TYPOGRAPHY - Sandhills Community College

SHOW MORE
SHOW LESS

You also want an ePaper? Increase the reach of your titles

YUMPU automatically turns print PDFs into web optimized ePapers that Google loves.

<strong>Web</strong> <strong>Style</strong> <strong>Guide</strong>: <strong>TYPOGRAPHY</strong><br />

We recommend downstyle typing (capitalize only the first word and any proper nouns) for your<br />

headlines, subheads, and text. Downstyle is more legible because as we read we primarily scan the tops<br />

of words:<br />

Notice how much harder it is to read the bottom half of the same sentence:<br />

If you use initial capital letters in your headlines, you disrupt the reader's scanning of the word forms:<br />

Emphasis<br />

A <strong>Web</strong> page of solid body text is hard to scan for content structure and will not engage the eye. Adding<br />

display type to a document will provide landmarks to direct the reader through your content. Display<br />

type establishes an information structure and adds visual variety to draw the reader into your material.<br />

The key to effective display type is the careful and economic use of typographic emphasis.<br />

There are time-honored typographical devices for adding emphasis to a block of text, but be sure to use<br />

them sparingly. If you make everything bold, then nothing will stand out and it will seem as if you are<br />

shouting at your readers. A good rule of thumb when working with type is to add emphasis using one<br />

parameter at a time. If you want to draw attention to the section heads in your document, don't set them<br />

large, bold, and all caps. If you want them to be larger, increase their size by one measure. If you prefer<br />

bold, leave the heads the same size as your body text and make them bold. You will soon discover that<br />

only a small variation is required to establish visual contrast.<br />

Italics<br />

http://webstyleguide.com/type/print/type.html (21 of 31)5/17/2005 5:18:39 PM

Hooray! Your file is uploaded and ready to be published.

Saved successfully!

Ooh no, something went wrong!