iMarc | Interactive Media Architects
  • Portfolio
  • Process
  • About
  • Communiqué
  • Contact
  • Support
  • Search

Fonts on the Web

by Fred LeBlanc - November 18, 2005 / 11:13am View more articles

As we all know, there are only a couple of reliable fonts for the Web these days (and I suppose the ever-growing Linux crowd that becomes even less true everyday). Of course I'm speaking of the basic fonts that everyone seems to have: Arial, Times, etc. My question is this, since we only have a limited number of fonts that are cross-platform available, why can't they all be good ones?

My idea: let's infect the Web with good fonts. We should gather at a conference to determine the other good font faces out there. Once we've come up with a pretty good sized list that we can all agree on (let's say twenty or thirty new fonts so we don't have to do this every couple of years), we write a virus that infects all machines. All this virus would do is install these fonts, find everyone in your address book and move to their computers, then uninstall itself from your computer.

I'm coining this 'Viral Modernization.'*

*Don't really do this. I don't think they let you use a computer in jail.

Is this illegal?
Due to how it would be deployed, probably.

Does that make it bad?
Not in my opinion. It's the same as having every operating system come with the fonts when you buy/download it, except this is being done after the fact. I mean come on, the virus even uninstalls itself when its done. After a while, when every machine is 'infected', there would be a constant stream of millions of 'virii' checking your system for these fonts. To prevent ridiculous machine load on any machines, we'll give the 'virus' a month to do its thing.

But let's get back to reality. Over time I've developed certain ideas, thoughts, opinions and feelings about each font and what I think they should be used for. Here's the rundown:

Arial
Ah yes, Helvetica's bastard child. Arial seems to pride itself on being the standard sans-serif font on Windows boxes, and while this is all fine and good the world would be better served with just getting the real deal. Most Windows folk have never been told about Helvetica, but it's everywhere. Maybe the fact that ninety percent (and I'm being extremely generous with that figure) of the world not having it at their grasp makes it even better.

Sorry, back to Arial. This is a decent font for <h1>'s and for the times you need to cram a lot of words into a little space (around size 10 or 11 pixels), but otherwise this font is boring and unimpressive. I find I have a hard time reading chunks of anything written in Arial if it's going to take me more than a couple seconds to read, especially at 12 pixels, it makes me shudder.

Times/Times New Roman
Quite probably my least favorite Web font. Times New Roman is the standard font that shows up if you don't use any kind of font-formatting, and that's all that I can think of when I see it: "Someone forgot to format this page." I've seen this super-stylized in the headings of pages and at times (ha, get it?) it can be acceptable, but generally some sort of letter-spacing, altering or variant is needed to make things look respectable.

And at this point things seem pretty negative, but don't worry, they get better.
Just not yet.

Comic Sans
Craig will probably punch me in the kidney just for whispering the name of such blasphemy. There is a set niche of people that use Comic Sans, and none of them are good. This font isn't cute, this font isn't fun, this font is unprofessional, ugly and unnecessary.

My thoughts: never use this font. Ever.
In fact I'm going to go say a few Hail Mary's for having to subject your eyes to it.
My apologies.

Impact
I've heard of Impact being referred to as the "home-grown IT professional's design font of choice," and it seems pretty true. Check your local computer help places for this font and see what you get. But Impact isn't all bad. When used in small chunks I like this font, I just don't want to see it in logos or in any paragraph of text that I'm supposed to read.

And I'm not even sure how this became known as a 'technical' looking font. Maybe it all the straight lines or something?
(Note: most Macs seem to have this font, but not all of them. Of course that's what? Ten percent of five percent? Numbers that low get truncated, sorry.)

Georgia
Give me a second, let me bask in the glow of a nice serif font.

Georgia is in fact my serif font of choice. It comes nicely equipped with wide characters that are extremely easy on the eyes (especially in titles and <h1>'s), and text figures that make any site look somewhat sophisticated. Even at small ranges (without anti-aliasing) this font is very readable.

Use Georgia.
It's good for us all.

Courier New
I can really only see two legitimate reasons to ever use this font.

First, whenever you're showing me a code sample of something, use this font. It's the font I code it, it's the font that most people use for monospaced anything, so accommodate us. Almost all of its characters are easy to distinguish from one another (except for [], () and {}, for coding you'd think that the curly braces would be a bit more exaggerated).

Second, and this one is new to my list, is the typewriter effect. We recently used this effect on Springfield Museums' News list view, and it looks pretty slick.

Verdana
Verdana is not particularly fantastic for titles, but I could read 11 pixel Verdana on my screen for days straight. If it were up to me, it would be the standard font built into everything online.

This font was built for screen readability and like Georgia, has wide characters that are easy on the eyes. There is a reason that the majority of the good sites out there present their content in this font: it's appealing, it's easy to use, it's just great.

In fact, you may reading Verdana right now. This site uses Lucida Grande as it's main font, but if you don't have that we back it up with Verdana. (Why did we go with Lucida if Verdana is so good? Simple: something different.)

Secondary Fonts
There are a couple of 'secondary fonts' that a lot of users seem to have, but not everyone. These are fonts such as Tahoma, Lucida, and Helvetica, all good fonts but you DO have to take everyone into consideration. Secondary fonts are really good fonts to list first (contrary to their name) in font lists. I'm a huge Tahoma fan, and am disappointed that more people don't have it. It seems to come with Microsoft Office, but should be made available to everyone (either via viral modernization or download, whichever is easier).

Accommodating for Everyone
Finally, while I make cracks about Apple's marketshare numbers and such, that's no reason to cut anyone out of the equation here. You may be asking yourself, "this, from the guy that wants out of 800 x 600?" Yes, exactly. See it's easy to include everyone by just tacking on a ", sans-serif" to the end of your CSS font lists, whereas 800 x 600 is a complete new design. Also, that ", sans-serif" at the end will help out or Linux friends that may not have any of these fonts.

So quick summary, come on: more Verdana 11 usage, less Arial 12 usage, and Georgia text figures for life!
More Articles Get the RSS Feed Post A Comment

6 Comments

by Daniel Marino   #
on November 18, 2005 / 3:27pm
What about embedding fonts? There are only a couple small (or huge) problems like security settings may pop install action and you have to own the rights to distribute the font. Another way around this issue is using flash (even though there is SEO problems).

You also sound like an angry man. :)

Keep up the good rants.
by Robert Mohns   #
on November 29, 2005 / 4:07pm
(Why did we go with Lucida if Verdana is so good? Simple: something different.)

Also, your webmaster uses a Mac.
by Dave Tufts   #
on November 29, 2005 / 6:54pm
Also, your webmaster uses a Mac.

Like this the t-shirt says, this webmaster also only uses Helvetica. :)
by Will Bond   #
on November 30, 2005 / 8:55am
Why did we go with Lucida if Verdana is so good? Simple: something different.

Actually Rob, you perfectly illustrate Fred's point. You see Lucida on the site because you are on a Mac. Unfortunately that is not a standard font with Windows, so instead I see Verdana. We tried Lucida Grande on Windows, however it renders a bit differently than Lucida on Mac.
by Fred LeBlanc   #
on November 30, 2005 / 9:18am
Actually I think we went for "Lucida Sans" on the PC and that font was lacking. I somehow have Lucida Grande over here on my PC and it looks pretty good.

This font does seem pretty limited (at least on a PC), performance at awkward sizes (perhaps any of this latest em craze) is pretty poor.
by Geoff Barnes   #
on December 28, 2005 / 5:43pm
Flash replacement anyone? As noted Verdana above about 11 px sucks. Arial at any size is sad. Verdana 11 is fine for reading text, but Lucida Grande is better, more delicate, more refined. Ultimately though, what we need is a font that displays well at 13 and above. Show me a GOOD looking web sans-serif 18pt and I'll show you a toothy grin. Trebuchet is too casual, so don't say it! Let's do the virus. :)

Comments have been turned off on this blog.
Read something more recent.

Statements and opinions expressed in this blog and any comments made are the private opinions of the respective poster, and, as such, iMarc LLC is neither responsible nor liable for such content.

iMarc

iMarc is a web development company in Newburyport, MA. This is our blog.
View all blogs or learn more about iMarc.

About the Author

Fred's Head Fred LeBlanc, Project Manager
Fred manages projects, plays trivia, runs a local frolf league, watches TV and writes stories.
More blogs by Fred

Search Our Blog

Recent Communiqués

  • Inc. 5000
  • Say Hello to our new Sys Admin
  • "Not Invented Here" for a Triple Word Score
  • ca·coph·o·ny
  • Clank
  • Year in Quotes (volume 2)
  • Gunslinging Rockstar Ninjas
  • Now Hiring: Junior Interactive/Web Designer
  • Photoshop: Create Your Own Glossy Icons
  • They only come out at night
  • Context switches are expensive
  • <i> is not evil.
  • Schooled.
  • Full-screen branding
  • Summer Job, iMarc Style

Popular Communiqués

  • Now Hiring: Junior Interactive/Web Designer
  • Photoshop: Create Your Own Glossy Icons
  • Say Hello to our new Sys Admin
  • "Not Invented Here" for a Triple Word Score
  • ca·coph·o·ny
  • Custom Away Messages are Overrated
  • Schooled.
  • Summer Job, iMarc Style
  • Year in Quotes (volume 2)

Recent Comments

  • Inc. 5000

    By Nick: Congrats.

  • Inc. 5000

    By Craig Henry: WOOWOOOO

  • Inc. 5000

    By Jeff Turcotte: wow!!

  • Photoshop: Create Your Own Glossy Icons

    By nicole: thats cool ,but can u make it a little easyer . =/…

  • Say Hello to our new Sys Admin

    By Nick: 14 days and no love. Congrats Mike.

RSS

RSS Icon Learn about RSS and get the feed for our blog.

About iMarc

  • We build custom web sites
  • In-house strategy, design, programming, hosting
  • In business since 1997
  • We’re located in Newburyport, MA
  • Call us at (978) 462-8848

© 2008 iMarc LLC, Contact Us

Links

  • Home
  • Portfolio
  • Client Support
  • Log In
  • (icon)RSS

Meet the Team

Bill's Head Bill Bushee, Senior Developer

I handle all aspects of building a database driven dynamic website. This involves creating the initial pages and web forms in HTML, designing the database structure, and writing all of the appropriate server side scripts to handle data and manage the site's interactive features.

Learn More | Meet the Others