Arial, Tahoma and Verdana

Had a brief exchange with a colleague today about the Slashdot redesign winner, which is very nice. Comparing with the older design, the new one adds a good deal of white space around the margins by removing the black background and increases height between lines of text, which makes the left nav much easier on the eyes. The previous design always felt cramped to me.

In any case, the topic of fonts came up and we were discussing the merits of the new font selection. The new font on Slashdot is Tahoma, which has a pretty good installed base that's only slightly smaller than Arial. Like Verdana, Tahoma is a wide font specifically made for the screen and has a large x-height. Tahoma doesn't have the extra wide letter spacing of Verdana, which is supposed to make that font easier to read onscreen, but also causes it to push lines much wider than may be wanted. If you look at the fonts in the image below, you'll see how the spacing between letters differs in each typeface.

arial, tahoma, verdana

Which do you find most readable? In the end it will be a matter of style and preference, but an interesting usability study in Usability News 4.1 2002 on fonts and reading time, perceived legibility and attractiveness finds Verdana the winner. I agree that Verdana is very readable, but it's also kind of ugly. In the end, the choice is really a matter of style and attractiveness with any of the above. Tahoma seems a a solid enough compromise.

Comments

01 MK
05/30/06 @ 22:34

I like the new design too. It's not too different from the previous that it's distracting in any way, but it's certainly more pleasing to look at.

Why no love for Helvetica? It seems to be a key ingredient in many "Web 2.0" web sites [waits for a beating], and the primary font used here on urlgreyhot too. Slap in some leading (or line-height these days) and Helvetica is one of my favorites.

02 jibbajabba
05/31/06 @ 07:22

I prefer Helvetica as well, obviously, over any of the above options.

Advertisement
03 Mag
09/21/06 @ 08:41

Many readers can't even tell the difference.

04 jibbajabba
09/21/06 @ 09:23

That doesn't make Arial right. :)

Post new comment

The content of this field is kept private and will not be shown publicly.
  • Allowed HTML tags: <a> <b> <strong> <dd> <dl> <dt> <i> <li> <ol> <u> <ul> <code> <blockquote> <fieldset> <legend> <h6> <span> <img> <div> <p>
  • Lines and paragraphs break automatically.
  • Web page addresses and e-mail addresses turn into links automatically.
  • You may post code using <code>...</code> (generic) or <?php ... ?> (highlighted PHP) tags.

More information about formatting options