How To: Font Replacement

Typography in web design is an important aspect, having aesthetic fonts can be appealing and increase user experience. Over the past few years people have been using various methods of font replacement such as image replacement (with or without sprites), or by using PHP or even javascript.

With CSS3 now up and running we now have @font-face to work with as you can see here: CSS3 Info, but the problem with @font-face is licenses for the fonts you use, there are many fonts you will not be able to upload.

There are a few solutions to font replacement which I will run through below, you can obviously follow the links and read in greater detail on the author site.

And finally Clearleft are working on a project called Fontdeck which promises to deliver real fonts to your website, I’m not exactly sure of how they are going to do it, but they could very well offer and real competitor to Typekit.