Dynamic Font Replacement

For every website design Typography plays a very important role.
And in current website trends there are many fonts used for better user experience but on most of cases they are not system fonts so cant be displayed on any cases.
For this fonts problem there is a solution i.e. Image Replacement which has always been a good solution.

Here I put together a clean list of popular Dynamic Image Replacement solutions that will help you solve various font related issues.

1] sIFR 2.0

sIFR is meant to replace short passages of plain browser text with text rendered in your typeface of choice, regardless of whether or not your users have that font installed on their systems. It accomplishes this by using a combination of javascript, CSS, and Flash.

2] SIFR 3

sIFR lets you use your favorite font on your websites by cleverly working with Flash, JavaScript and CSS.

3] SIIR

The SIIR program serves to basically change dynamic text on your website into pretty generated images with any font of your liking.

4] cufón

Cufón aims to become a worthy alternative to sIFR, which despite its merits still remains painfully tricky to set up and use. Cufón consists of two individual parts – a font generator, which converts fonts to a proprietary format and a rendering engine written in JavaScript.

5] P+C DTR

P+C DTR allows you to take a vanilla standards-based (X)HTML web page and dynamically create images to replace and enhance page headings using only PHP + CSS.

6] FLIR

FLIR dynamically generates image representations of text on your web page in fonts that otherwise might not be visible to your visitors. The generated image will be automatically inserted into your web page via Javascript and visible to all modern browsers.

7] DTR

A pretty old JavaScript and PHP technique by Stewart on A List Apart.

8] Typeface.js

Instead of creating images or using flash just to show your site’s graphic text in the font you want, you can use typeface.js and write in plain HTML and CSS, just as if your visitors had the font installed locally.

9] IFR

By using a dynamic Flash movie, some slick JavaScript and well-structured mark-up the same consistent branding can be achieved while greatly reducing production time and preserving the cleanliness of the mark-up.

10] PHP+CSS DTR

PHP+CSS Dynamic Text Replacement is a JavaScript-free version of the Dynamic Text Replacement method originally created by Stewart Rosenberger. This is the P+C DTR version with word-wrapping and the ability to use inner tags.

11] CSS Image Replacement [static]

Just thought we could include this nice article by Chris Coyier explaining 9 different CSS Image Replacement Techniques. These techniques are the best if you just have very few elements to be replaced.

12] swfir

Using the dark arts of JavaScript and Flash, swfIR gives you the ability to apply an assortment of visual effects to any or all images on your website. This is again not for fonts but is another dynamic image enhancing solution.