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.
sifr2

2] SIFR 3

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

3] SIIR

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

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.
cufon

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.
pcdtr

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.
flir1

7] DTR

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

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.
typeface

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.
ifr

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.
phpcss

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.
css

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.
swfir

7 Comments

  1. Mr. CrumbNo Gravatar
    Sep 23, 2009

    I love this plug-in. I placed it on my site, but I’d like to do a little more customizing. It would be nice if you can control the speed of the ticker, and perhaps a couple of arrows to scroll through the content. One thing I don’t like is that it picks up the caption of my image, and uses it in the text of the news blurb. Any way to stop this? Thank you so much.

  2. John WahooNo Gravatar
    Sep 23, 2009

    Love the plugin! the only thing i am missing is an option to change the scroll speed and the fadeout time of the items…

    Any hints how that could be done?
    thnx

  3. marioNo Gravatar
    Sep 28, 2009

    thx for the really nice plugin… :-)
    i was looking for something like this for some time..
    have one question or request…
    it would be wonderfull to have control over displayed category in a way that plug in would be possible to render recent x number of posts from one.two or more categories (for example in my project (free one :-) ) i need 5 posts from 4 different categories…
    if this would be possible to achieve with this plugin that would be wonderful (in combination with some tabs script)

  4. marioNo Gravatar
    Sep 28, 2009

    and yes of course again than you so much! :-) )

  5. Ronny ShererNo Gravatar
    Jan 08, 2010

    AMAZING website!!!
    Who designed it?
    I need his/her contact.

  6. RobNo Gravatar
    Aug 01, 2010

    Nice list. Not sure why you say cufon is ‘painfully tricky to set up and use’, if anything it’s a lot simpler than sifr imo :)


Trackbacks and Pings

  1. Tweets that mention dynamic font replacement | SNilesh.com -- Topsy.com

Leave a Reply