Web safe fonts, a survival guide January 31st, 2008
- posted in: Tips and Tricks
When it comes to designing your site, we know designers take care of every detail. Arguably the most underrated tool in a designers arsenal is their ability to handle fonts and take care of their typography, we’re sure you are no different.
There are some very important things to note when deciding on your fonts. Web browsers (internet explorer, firefox, safari, etc) have set amount of fonts they come packaged with on your machine, and only change if you alter your browser settings or install new fonts, which the majority of web users do not do. Keep in mind this is a very general statement, of course if your site is primarily aimed at Typographers, then they would have vastly more options open to them in terms of font selection than your average user, but lets face it how often do you get that ‘dream’ job.
So, what fonts can i use?
The most commonly possessed fonts on browsers the world over are:
Arial
Times New Roman
Courier
Georgia
Geneva
Verdana
You can be almost certain that your users will be able to see your designs how you intended if you stick to these fonts. But, what happens if you don’t want to use Arial, instead go for Helvetica? Well there are some fonts that are on most newer browsers as standard, fonts such as:
Helvetica
Courier New
Palatino
Tahoma
Trebuchet MS
New York
MS Sans Serif
Impact
There are many publications available on the web that suggest which fonts are best used, but the above are simply the divlets idea of the most popularly supported fonts.
Although web friendly fonts are essential to a great website, thats not to say you cant have fun with unique type. If you simply remember to outline or raster any font not in the list above, the divlets will convert the type into an image. The down side with this is that search engines, and people who turn off images in their browsers will not see your creation as text. It is your role as a designer to decide on the balance between form and functionality.
