CSS font matching: Windows, Mac and Linux

Standard

I found several posts about standard font comparsion, web safe font lists for web development and cascading stylesheets. But most are incomplete or didn’t compare all major systems Android, iOS, Linux, OS X and Windows.

On Android a lot of default fonts are missing. The missing ones will be often associated with the few that are installed. So it happens that the typeface “Georgia” looks like “Times New Roman” and “Verdana” looks like “Arial”.

Based on my own experience and a list of websites ([url=http://mondaybynoon.com/2007/04/02/linux-font-equivalents-to-popular-web-typefaces/]Linux font equivalents[/url], [url=http://docs.info.apple.com/article.html?artnum=301332]Mac OS X 10.4[/url] and [url=http://docs.info.apple.com/article.html?artnum=307069]10.5 font list[/url], [url=http://designzoo.com/Windows-Mac-Web-Fonts/images/Font-list-MacOSX-Safari-ClearType.png]MacOS X Safari[/url], [url=http://daringfireball.net/2007/07/iphone_fonts]iPhone fonts[/url] and [url=http://www.microsoft.com/typography/fonts/default.aspx]Microsoft products and fonts[/url]) i created my own list.
Most users have Windows installed and Microsoft has once startet a webfont project. So i use typical Windows fonts as the base of my list. Another rule of the selection was that the alternative font faces didn’t have a larger width then the the original has:

  • Arial,Helvetica,FreeSans,”Liberation Sans”,”Nimbus Sans L”,sans-serif
  • “Courier New”,Courier,FreeMono,”Nimbus Mono L”,”Liberation Mono”,monospace
  • Georgia,”Bitstream Charter”,”Century Schoolbook L”,”Liberation Serif”,Times,serif
  • “Lucida Sans”,”Lucida Sans Unicode”,”Lucida Grande”,Lucida,sans-serif
  • “Lucida Console”,Monaco,”DejaVu Sans Mono”,”Bitstream Vera Sans Mono”,”Liberation Mono”,monospace
  • Palatino,”Palatino Linotype”,Palladio,”URW Palladio L”,”Book Antiqua”,”Liberation Serif”,Times,serif
  • Tahoma,Geneva,”DejaVu Sans Condensed”,sans-serif
  • “Times New Roman”,Times,”Nimbus Roman No9 L”,”FreeSerif”,”Liberation Serif”,serif
  • Verdana,”Bitstream Vera Sans”,”DejaVu Sans”,”Liberation Sans”,Geneva,sans-serif

Some newer Vista fonts are still uncompared. An update will follow soon 😉