What seems to be an ideal chunk of CSS code for implementing the @font-face rules. Tested on quite a few browsers, including the following:
Safari 3.1+, Opera 10+, Firefox 3.5+, Chrome 4.0+, Internet Explorer 6+
This technique delivers your custom fonts quite consistently to all of these browsers, and degrades gracefully for those that don’t support it. I share it here hoping it will help others implement custom @font-face fonts quickly and easily. Let’s step to it…