Using custom typography in website design has long been a Holy Grail for designers. Over the past few years, several third party methods have evolved which allow developers to include unique type families to their work, including sIFR, FLIR and Cufon. While all these methods have their unique strengths and weaknesses, they all likewise share the inherent status of being “workarounds” for a lack of native custom typeface support in an HTML environment.
Enter @font-face
With the advent of CSS 3.0, support for non-machine resident fonts became part of the working standard for website design. No longer consigned to the limitations of third party solutions, designers and developers can now (theoretically) purchase unique fonts for their work, license those fonts for web use and — voila! — create sites as typographically rich as any piece of print design. Of course theory and reality are always where the “rubber hits the road” in website design and the @font-face rule is no exception. We recently had the chance to integrate a custom typeface into one of our sites. In this post I’ll outline the challenges we faced and how these were overcome.
(more…)



