Jens Meiert

Arial, Helvetica

Kind of quoting myself from some place else, extending my former post on Arial and Helvetica: For those who want or even have to use Arial as their standard font, there is no real point in mentioning Helvetica anywhere in the code (as in arial, helvetica, sans-serif).

Arial is so popular that Helvetica’s almost never used. There doesn’t seem to be a single test case indicating something else. arial, sans-serif is enough. No need for 10 additional characters, there never was when you put Arial first in your font list.

As many people know, Arial is not just available on almost any Windows system, it ships with Mac OS since at least 10.3, if not even 10.0, and it ships with several Linux distributions, at least do numbers suggest that Arial’s more popular on those systems too. So if you want, Arial, the “scourge”, did win, years ago, true. You definitely gotta give it that.

Read More

Enjoy the most popular posts, probably including:

• The Two Great Things About Validation
• 5 Tips to Master Google Friend Connect

Comments

1. On February 12, 2009, 11:35 CET, Andrei Eftimie said:

   You got it backwards. It should be:
   Helvetica, Arial, sans-serif;

   Isn’t it better to use Helvetica when it is available, and Arial when it isn’t?

2. On February 12, 2009, 11:38 CET, Jens Meiert said:

   Andrei, good that you’re asking now – I already talked about Helvetica and Arial in a former post (where I suggested to prefer Helvetica). This time it’s about the case where you explicitly want to use Arial (not asking why). I hope that makes it a bit clearer.

3. On February 12, 2009, 12:14 CET, Harry Roberts said:

   @Andrei:
   Only if it’s for headings. Never use Helvetica for body copy, cos for us PC users it looks terrible

4. On February 12, 2009, 12:20 CET, Kroc Camen said:

   On the subject of Helvetica, I’d add to what Adrei said with:

   “Helvetica Neue”, Helvetica, sans-serif

   Helvetica Neue is a version of Helvetica on OS X designed for screen reading and gives much crisper text in small sizes. No need to use it for titles or stuff.

   Also, another handy tip:
   Don’t specify “Courier New” directly for code samples. It’s thin and gangly in OS X, and Courier is better. The problem though is that Courier on Windows is a bitmap font and looks very bad. So how do you specify Courier for OS X, but Courier New for Windows in one declaration?

   Simple:
   font-family: monospace;

   (or just ‘monospace’ in your font: attribute). OS X uses Courier, and Windows uses Courier New. Crisp fonts for all.

5. On February 12, 2009, 14:12 CET, philippe said:

   Ditto what Kroc Camen said.
   ‘Helvetica Neue’, Arial, sans-serif.
   Arial looks very poor on OS X, worse at those mouse-type sizes some designers seem to love. And both fonts have very similar aspect-ratio.
   BTW, my pretty much stock install of Ubuntu 810 doesn’t have Arial. I know I can add it, but I’m uninterested.

   But I see your point about shaving a few bytes in your stylesheet.

6. On February 13, 2009, 4:57 CET, Ben Buchanan said:

   It’s such a pity that Helvetica looks so bad on some PCs. Ruins it for everyone.

7. On February 19, 2009, 15:42 CET, gareth hunt said:

   The “Helvetica Neue”, […] declaration looks terrible on PCs. A lot of “big names” use it, and it must look great on Mac OS, but I have to get firebug out and remove reference to Helvetica Neue if I want to have a readable experience on their sites.

Leave a Comment

Unfortunately, comments are closed.