Web Design What Fonts to Use

As web designers, its difficult not to get bored by using the same old fonts day in and day out with every new or not so new web design. After all, web design is a creative job, but how can we let our creativity flow when were being held back by font restrictions. Worry no longer, there is something that you can do about the font that you use.

Though choosing a new font is a bit more complex than it may initially sound, there is a way that you can go about choosing the way that your text will appear. Essentially, there are fonts that come pre-installed in all Windows and Mac operating systems. Of course, these font sets do change over time, but there are a great number of them that have been around for a long time, and will continue to be due to popularity. This is an issue, because you will want your font to be compatible with the operating systems of your users. The same thing goes for the web browsers, such as Netscape, Internet Explorer, and Firefox, used by your viewers.

Of course, you cant assume that every font will be visible to everyone, but there are some things that you can do to shake things up a little bit for the sake of your web design and your own sanity.

Overall, there are a few different forms of fonts available to you. Usually, this consists of:

Serif (also called generic) such as Times New Roman, Georgia, Palatino Linotype, Trebuchet MS

Sans serif such as Arial, Helvetica, Verdana, and Geneva

Mono-spaced (also known as typewriter style) such as Courier New, Lucinda Console, Monaco, and Andale Mono

Cursive (also known as scripts and informal) such as Comic Sans, Brush Script, Zapfino, and Marker Felt

Fantasy any fanciful design such as those with floral and other forms of embellishments, or those in the shape of objects.

Naturally, this is not an exhaustive list, but it gives you an overall idea of whats out there, and how its classified. This is important to know, because it is required when you enter the information into your site script. Because youll be offering your site to different operating systems and browsers, your script must instruct your users computer as to how to display the type. This is the reason that a web page script is specified in CSS in a way such as:

Font family: , , ,

So you could write the following to instruct your viewers computers:

Font family: Georgia, Times New Roman, Times, serif

What does this mean? It means that while Georgia is your preferred choice for the web design, if it is not recognized by the users computer, it should use Times New Roman and Times instead, which are the names used by Windows and Mac for the most common serif font. Since the serif is the generic, the operating system will always have something to work with, and the text of your website will always (or at least, almost always) be visible and readable to your site visitor.