24.08.2016 Views

HTML and CSS design and build websites

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

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

Choosing a Typeface<br />

for your Website<br />

When choosing<br />

a typeface, it<br />

is important to<br />

underst<strong>and</strong> that a<br />

browser will usually<br />

only display it if it's<br />

installed on that<br />

user's computer.<br />

Serif<br />

Serif fonts have extra details on<br />

the end of the main strokes of<br />

the letters.<br />

Examples:<br />

Georgia<br />

Times<br />

Times New Roman<br />

Sans-Serif<br />

Sans-serif fonts have straight<br />

ends to letters <strong>and</strong> therefore<br />

have a much cleaner <strong>design</strong>.<br />

Examples:<br />

Arial<br />

Verdana<br />

Helvetica<br />

As a result, sites often use a small set of typefaces that are installed<br />

on most computers (shown above). There are some techniques to get<br />

around this limitation (which are covered on pages 271-272).<br />

It is possible to specify more than one typeface <strong>and</strong> create an order of<br />

preference (in case the user does not have your first choice of typeface<br />

installed). This is sometimes referred to as a font stack.<br />

269 TEXT

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

Saved successfully!

Ooh no, something went wrong!