Jackson Fish Market
Posted on December 5, 2006 by hillel on User Experience

A Small Trick(?) for Expanding Your Cross-Platform Web Font Palette

In creating our little website we encountered a challenge anyone who wants to make their website look nice AND have it work across multiple OSes runs into – that is, picking a font that isn’t Helvetica (or Arial) and is pre-loaded on any machine running MacOSX or Windows XP and later. Alberto Perez over at ampsoft.net has done an excellent job documenting which fonts you can count on existing on both operating systems. Yes, it’s true that you can embed fonts for download with your page, but that isn’t a cross-platform solution (and the workarounds are somewhat unsimple). What to do?

I’m sure this is apparent to most folks who’ve been doing web design for awhile but this was new for us. It’s true that there is only a small set of fonts that will reliably be present on Mac and Windows. But there are also fonts that will reliably be found on Mac OR Windows. And if you can pair up fonts that look relatively close to each other then you can have at least fraternal (if not identical) twins for your web design.

For jacksonfish.com we paired up Sylfaen (a font that’s been around forever on Windows), and Baskerville on the Mac. Here are the results (Sylfaen/Windows on the left and Baskerville/Mac on the right):

sylfaen.jpg baskerville.jpg

I know they’re not a perfect match (and clearly I have spacing inconsistencies to fix), but as far as the typefaces they’re in the same vein. And most importantly they’re not Georgia or Times New Roman. Looking even a little bit different than 99.99% of the websites out there is already an accomplishment in my opinion.

You can suggest your own pairings in the comments section. Here are the fonts included on the Mac as of 10.4 (and 10.3 if you’re interested). It took awhile to find it but the friendly folks at Microsoft Typography have provided this database for Windows and other Microsoft products. For Windows there’s also this page which is very good, but unfortunately stops before IE6. That said, as comprehensive as it seems, it doesn’t include Sylfaen anywhere which clearly is included with XP and Vista (even before I installed Office.)

Join the discussion 5 Comments

Leave a Reply