Choosing and Using Fonts

Font examples

You can improve the appearance of your web site and make it more readable by careful choice of font styles.

Your PC has files installed on it that are used to create the screen and printer fonts that you see. On any document (a web page, letter or leaflet) it is best not to use too many different fonts, very often just two fonts will give you enough options to make an attractive and readable document.

For example: you might choose Arial for headings and Times New Roman for the main text. You can then vary the appearance of the fonts by using different sizes and colours with bold, italic and possibly underline (but underline on web pages makes things look like hyperlinks).

Personal computers with the Windows operating systems are supplied with a good selection of fonts. You can add to these but you cannot guarantee that the person viewing your web site will have the same fonts installed that you do.

In general most PC's with "Windows" operating systems will have the following fonts:

  • Times New Roman
  • Arial
  • Wingdings, symbols, e.g.: Wingdings
  • Courier New or Courier
  • Verdana
  • Comic Sans MS
  • Marlett, symbols used in "Windows", e.g.: Marlett
  • Webdings, symbols, e.g.: Webdings

The font samples above are all images, so that even if they are not installed on your PC you can still see the fonts.

If you want to use a particular font for a heading or title consider creating a GIF image so that whatever font you use it will always display the way you want it.