Arial, Helvetica
Post from February 12, 2009 (❠May 31, 2022), filed under Web Development (feed).
This and many other posts are also available as a pretty, well-behaved ebook: On Web Development.
An extension of my post on Arial and Helvetica: For those who want or have to use Arial as their standard font, there is no 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 isnât a single test case to indicate else. arial, sans-serif
is enough. No need for ten additional characters. There never has been when Arial came first in a font list.
As many people know, Arial is not only available on almost any Windows system, it ships with Mac OS since at least 10.3, if not 10.0, and it ships with several Linux distributions, too, at least do numbers suggest so. In that respect Arial, the âscourge,â has won, years ago. We gotta give it that, in our font declarations.
About Me

Iâm Jens, and Iâm an engineering lead and author. Iâve worked as a technical lead for Google, Iâm close to W3C and WHATWG, and I write and review books for OâReilly. I love trying things, sometimes including philosophy, art, and adventure. Here on meiert.com I share some of my views and experiences.
If you have a question or suggestion about what I write, please leave a comment (if available) or a message. Thank you!
Comments (Closed)
-
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?
-
On February 12, 2009, 11:38 CET, Jens Oliver 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 want to use Arial (no matter why). I hope that makes it a bit clearer.
-
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 đ -
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.
-
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.
-
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.
-
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.
Read More
Maybe this is interesting to you, too:
- Next: Performance and RFCÂ 2396
- Previous: The Two Great Things About Validation
- More under Web Development, or from 2009
- Most popular posts
Looking for a way to comment? Comments have been disabled, unfortunately.

Get a good look at web development? Try The Web Development Glossary (2020). With explanations and definitions for literally thousands of terms from Web Development and related fields, building on Wikipedia as well as the MDN Web Docs. Available at Apple Books, Kobo, Google Play Books, and Leanpub.