@font-face CSS Property: The use of and why it’s important

Nothing irritates me more on websites than when I see text in graphics. Okay, I take that back – people not picking up after their dogs irritates me more, but I digress. Why would you put perfectly good headers or body text in a graphic? Some people would say, “Because I want to use that font, but it’s not web-safe.” We-he-he-he-llll, friend, let me tell you a little secret: the @font-face CSS property is here to save the day.

This CSS property, released with CSS3, allows you to essentially call a font file from your server and load on your website. I kind of nerded-out a little when I saw a preview of what this property was capable of. I’m not ashamed to admit that drooled a little…