Font-Embedding Icons: This Is a Big Deal

An article proposing the use of @font-face for displaying icons. I feel strongly about the potential of this method, so I thought I would take the time to generate a font set for Iconic and to talk about why we should all be using this method for displaying icons…

The Font-Face Rule and Useful Web Font Tricks

The possibility of embedding any font you like into websites via @font-face is an additional stylistic device which promises to abolish the monotony of the usual system fonts. It surely would be all too easy if there was only one Web font format out there. Instead, there’s quite a variety, as you will get to know in this article…

Quick and Easy CSS @font-face Code

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…

CSS3 Background-Clip & @Font-Face

With no clear purpose or plan, I’ve resolved to experiment with CSS3 on a regular basis. Some of these note-posts may be more useful and practical than others, but the only way to know for sure is to learn by doing. That being said, here is another experiment with background-clip: text and @font-face via Typekit…

Smoother @font-face embedding in IE 7 & 8

You could say I’ve become somewhat obsessed with @font-face embedding over the past few months. I’ve most certainly fell head over heels for the @font-face generator from fontsquirrel.com see the recap below.One thing however that has always bothered me is IE7 and IE8’s rendering of embedded fonts, so today with IE tester at hand and google ready to get wild I vowed to come up with a solution and I think I may just have…