Dec 17 2007 at 2:15pm
More on fonts in operating systems and CSS
Todays’s 24 Ways article, Increase Your Font Stacks With Font Matrix is another take on listing the fonts available in different operating systems and encouraging designers to use a wider range of fonts. This is something I covered with my Complete Guide to Pre-Installed Fonts in Linux, Mac, and Windows (not sure what to think about the similarities there!). Obviously Richard Rutter knows a whole lot more about typography than I do so it’s good to have his take on this topic.
I was inspired to come up with my list after looking at the font stacks on Joe Clark’s site. Check out his typography stylesheet for some interesting ideas.
I find myself using the list I from my A Padded Cell article all the time now. Just today I added a few more options as a back-up for a heading that’s already replaced by sIFR. From the way I have it’s easy to pick one font from each column, although I find Rutter’s chart to be a lot cleaner and better as a quick reference (and he’s got Adobe fonts included). I thought a lot about the best way to display that information, especially since I wanted to include information about which fonts are near equivalents of each other, as originated here.
In an upcoming update to A Padded Cell I’m using this font stack:
"Lucida Grande","Lucida Sans Unicode","Eras Medium ITC","Mg Open Moderna",Helvetica,Verdana,sans-serif
It’s working well so far but we need to do some more thorough testing before final release. I’ve also used that list to add some Linux alternatives to the font stack in various stylesheets I’ve come across at work.
If you’re finding my list to be useful I’d love to hear about it!


