What are good web development fonts? [closed]

Answer 1

While having such a list is certainly useful, you should also take advantage of the fallback mechanism of CSS. For example, you can list Consolas, Courier New, monospace in your font-family attribute and get the best possible match on that device.

The last item on each font-family list should be a neutral one such as "sans serif", "serif", "monospace", etc.

This way, your designers can use fonts they think best, as long as there's a reasonable downlevel experience.

See, for example w3.org's guidance

Answer 2

Arial is my "safe" font that I use all the time.

But I've been using Trebuchet a lot lately. It's common enough that practically everybody is going to have it. It's used all over the place at StackOverflow, FeedBurner, and a lot of other popular sites these days.

But, just in case the user doesn't have it, I'd use CSS like this (just like StackOverflow has it)...

font-family:Trebuchet MS,Helvetica,sans-serif;

Answer 3

Here's a nice article about typefaces for the web.

A lot of fonts are available from modern browsers. However, keep it simple and a little large. Also, use contrasting colors for easier reading.

Answer 4

Typetester!

Features:

• compare fonts side by side;
• choose from the list of safe fonts, win fonts or mac fonts;
• all from the browser.

Answer 5

You could use sIFR for headers and not worry about web-safe fonts at all. Take a look at the example page. It's pretty awesome.

Answer 6

Just remember: Friends don't let friends use Comic Sans.

(Seriously, you've got good answers above already...).