Which fonts can I use that are "web safe"? I.e. fonts that can be used on your web site without having to use any replacement techniques or hacks.

5 answers

3
points
This was chosen as the best answer

Any font installed on the users machine will be used if you specify it, but users are perverse and some may have uninstalled the fonts that came with their operating system, so there's no such thing as Safe!

CSS allows you to suggest several font options.

you probably want to choose 'font stacks' that are common on a lot of machines, and that are similar in size and visual effect.

there's a list here: http://www.sitepoint.com/print/eight-definitive-font-stacks/

or you could look at embedding fonts using the new and exciting TypeKit when it comes out of Beta : http://blog.typekit.com/

Answered over 7 years ago by Tony Crockford
2
points

Web Fonts + font-face fonts

I believe all of the font-face fonts listed here are free. Typekit is an option too. I can tell you that Typekit offers many more than this in terms of fonts but has some other limitations in terms of how many sites you can use the fonts on and the number of fonts you can use.

Answered over 7 years ago by Ben Shoults
2
points

You could check Code Styles survey which compares the most common fonts across plattforms.

Remember to use a generic family as well:

h1 {
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif; 
}

The model is: special font (Helvetica Neue) / web safe (Helvetica, Arial) / generic (sans-serif).

Answered over 7 years ago by Jens Hedqvist
Emily G 620
2
points

Here's the page I refer to for web safe fonts:

Common fonts to all versions of Windows & Mac equivalents

Answered over 7 years ago by Emily G
Andy Ford 533
1
point

Unit Interactive has a pretty nice list of web-safe fonts along with nice fallback font stacks.

Better CSS Font Stacks

Answered over 7 years ago by Andy Ford