Dezinerfolio

Dynamic Text Replacement Solutions

Your rating: None Average: 4.4 (68 votes)

Typography plays a very important role in Web Design. Current Web Design trends involves variety of fonts to ensure a good user experience. Obviously these are not-standard system fonts in many cases...

Well, Image Replacement has always been a good solution but not for a site with with too many elements or even sites with dynamic content.

Here we have 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. 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.

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

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

5. SIIR

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

6. DTR

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

7. sIFR 3

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

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.

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.

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

If you have been trough any other system which you feel is good, please do share them below.

 

Trackback URL for this post:

http://www.dezinerfolio.com/trackback/509

Comments

Anonymous's picture

Bestech is coming up with their most awaited ULTRA LUXURY Projects.
Bestech new projects in gurgaon

Raheja (not verified)
Fri, 12/07/2012 - 17:47
Anonymous's picture

Wonderful goods from you, man. I've understand your stuff previous to and you are just extremely fantastic. I actually like what you've acquired here, really
like what you are saying and the way in which you say it.

You make it enjoyable and you still care for to keep it wise.
I cant wait to read much more from you. This is actually a wonderful site.

this website (not verified)
Tue, 08/14/2012 - 05:30
Anonymous's picture

Next time when do website design, I must use this dynamic text replacement solutions

ball valves (not verified)
Tue, 10/27/2009 - 18:18
Anonymous's picture

Those are nice. Web 2.0 style.

fish tanks for sale (not verified)
Mon, 10/26/2009 - 04:37
Anonymous's picture

Maybe you are right,there is many cause about web design.

best registry cleaner (not verified)
Wed, 10/21/2009 - 01:01
Anonymous's picture

That's really useful - many thanks!

links of london (not verified)
Mon, 10/19/2009 - 12:06
Anonymous's picture

Thanks, now I am finding how to replacement solutions, just find you, very good.

valves manufacturer (not verified)
Wed, 10/14/2009 - 10:33
Anonymous's picture

Good job!
I like it. Thank you.
~~~

zirconium (not verified)
Tue, 10/13/2009 - 13:53
Anonymous's picture

Maybe you are right,there is many cause about web design.

photographe (not verified)
Tue, 10/13/2009 - 01:33