What fonts should I use?

I am just wondering what fonts I should use on my website. Right now I’m only using San-Serif. Is that going to be avaliable on all systems?

A chance to blow my own horn, feeble though it may be…


If you are looking for typefaces that people are likely to have installed on their machine, the following three websites will be really useful:


You can use “ARIALS” because most of them use ARIAL on their site. Also I use the same ARIALS fonts for my personal blog.

Yeah sometimes for change I go for San-Serif or courier on my business blog.

Depending on your target market as well, you can look into using something like the sIFR technique and use any font you’d like. (up to a point of course)

Um, no. Arial (not ARIALS, that’s System of a Down) is one of a number of “web-safe” fonts that are so ubiquitous they can be assumed to be on 95%+ of your users’ machines. If you’re going to rely on Arial as your base font, you should pair it with Helvetica to get all of the Mac users on board. Arial is a very safe, if bland, choice; there are more interesting choices out there that can still work on the vast majority of your users’ machines.

Courier is a monospace font, not a sans-serif font, and though widespread, not a very good one.

Sans-serif (not “San-Serif”) is not a font, but a generic term for any font that lacks “serifs”.

I’m sorry, but that was a very misleading and wrong post that would send uninformed readers in the wrong direction.

If you’re wondering which fonts are safe (installed on most computers), of the top of my head, those would be Arial, Verdana, Georgia, Times (New Roman), Courier (New), Tahoma and Impact. But be sure to google “web safe fonts” and also do read the font stacks article linked earlier.

“Helvetica Neue”, Arial, Helvetica, sans-serif

Again, it defeats the purpose to put Arial before Helvetica. So many people have Arial that once the browser comes to that font in the stack, it will almost certainly display in that font and not whatever comes after. Arial should always be the last one in the stack, unless you want Arial as your primary display font.

Normal usage:

"Helvetica Neue", Helvetica, Arial, sans-serif

Arial as primary:

Arial, Helvetica, sans-serif

though putting Helvetica behind Arial in that second stack is more for insurance for that 1-3% of people who have Helvetica and don’t have Arial.

And why split the Helveticas in that example?

Ohh,now I know about the methodology that u mention right now.

And why split the Helveticas in that example?

I know from css frameworkhttp://www.blueprintcss.org/

Generally the rule you should follow is…

<chosen typeface>, <backup typeface>, <alternative typeface>, <font-family>.

The backup typeface (Helvetica) should follow “Helvetica Neue” as it’s related and is the version commonly found on another OS (Mac), Arial would be the alternative (of course as it’s common) and then the family sans-serif rounds things off as the fail-safe mechanism :slight_smile:

ziya, the websites purpose has absolutely nothing to-do with which fonts you can use, your comparing apples and oranges. :slight_smile:

I vote for arial but new times roman is hard to beat. If you can’t decide try the old split test and see what works best.

it can works best no matter which font between arial and new times roman you choose.