Dynamic Text Replacement Solutions

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…

Category CSS, Fonts, Last Modified: 14 Eylül 2009 Author: Mao-tun | Giriş

No Comment

Yorum - TrackBack- RSS Comments

Yorum