@font-face font rendering in modern browsers

23 September 2009

Avenir Heavy

As an experiment in using the @font-face support in modern web browsers, I’ve done screenshots of the navigation’s reference render and each browser’s rendering of embedded fonts.

Photoshop Reference Render
Photoshop Reference Render

Font Rendering Using Safari
Font Rendering Using Safari/Mac

Render using Firefox 3.5
Font Rendering Using Firefox 3.5/Mac

Font Render Using IE6
Font Rendering Using IE6/Win XP

IE7
Font Rendering Using IE7/Win XP

IE 8/Windows 7
Font Rendering Using IE8/Windows 7