Imagine the scene. You have found a gap in the internet that you feel you could exploit with a web-site. You book some holidays from work and take three weeks to design your perfect web-site. All the images are there, you have customised the theme just the way you like it and everything looks great. You get yourself a domain name and some webspace, but before you go ‘live’ with the site you ask your PC using friend to take a look and let you know what he thinks (feedback is always good). ‘It looks great’ says your PC using friend ‘except the font looks really crappy!’ Aaaaagggghhhh!!
As a Mac (and more importantly Safari) user when we you design a web-site you must remember to use a compliant font. As bad as it sounds, Internet Explorer is the world’s leading browser and some of the fonts that we Apple lovers use are not readily available to those PC using ********.
Luckily for us there are several good looking fonts that are common to both sorts of browser and in this post I have compiled a list for you to use
Obviously if you know the main bulk of your iWeb sites visitors are using a Mac or you have a web-site called SafariUsersOnly.com then you don’t have much to worry about, but if you have a web-site aimed at the whole world you really need to pay attention to which fonts you use. What would be the point of you spending hours and hours design your dream site with iWeb, only for it to look a complete mess when somebody opens it up in IE7. If a visitor to your site doesn’t have your favourite font installed on their PC when the site loads, the browser will just pick another on by default (normally something like Arial or Times New Roman, mmmmm!!)
If you take a quick look through this list for the web-safe fonts and apply them to your site before you publish, you can be secure in the knowledge that (hopefully) the way you designed it will be the way it looks. A beautiful site is a ‘sticky’ site and you do want repeat visitors don’t you?
Fonts can be divided into four categories,
- Sans-Serif (such as Arail, Verdana or Tahoma)
- Serif (such as TImes New Roman, Bookman Old Style or Geogia)
- Monospace (Courier or Lucinda Console)
- Cursive (Comic Sans MS)
and to decide which ones you like best, here is the complete list of fonts split into those categories. I have listed the fonts with their ‘Mac’ name. Some fonts look the same on Windows PC but have a different name (shown in brackets). Therefore they can be added to your css stylesheet after publication.
- New York (MS Serif)
- Palatino Linotype (Palatino Linotype, Book Antiqua)
- Times (Times New Roman)
- Arial Black
- Geneva (Tahoma and MS Sans Serif)
- Helvetica ( also Trebuchet MS)
- Lucida Grande (Lucida Sans Unicode)
- MS Sans Serif
- Courier New
- Monaco (Lucida Console)
- Comic Sans MS
There is another fonts you can use (but why would you?)
So to ensure your design doesn’t fall apart and looks consistent across all browsers, make sure you use one of the fonts listed above.