Due the limited number of fonts available for web we need to make use of other techniques to make our design look the way we want.
Most of the time we simply cut the image from the psd file and place it in the html/css. But this has impact over the accessibility of the site and the compatibility with other browsers (for example text browsers or browsers with images/CSS disabled)
Of course there are workarounds and fixes for this in orderto improve usability, but what do we do in case our page is dynamic?
In this case we can use text replacement techniques - some of them presented below:
SIFR2 is updated with SIFR3 but deserves to be mentioned as it became SIFR3. Read below.
No need to tell too much – it uses flash to replace the text in a webpage with the font specified by the designer. The site presents all the required steps to setup the script. For me as a non-flash user seems very complicated and I think this is a huge drawback for this script – it also might discourage other people from using it. The advantage? – Flash is supported by 99% of today’s browsers.
“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.”
Some further stuff about it:
P+C DTR is based on Dynamic Text Replacement script but allows you to integrate it in your site without any modification – well… except the setup of the script.
An improvement of this script is done by João Makray , allowing you to have word-wraps.
An alternative for cufon.
Kernest technically is not a font replacement technique but it makes use of @font-face – which is supported by modern browsers – and allows you to use a free font, or to “rent” one for a year.
Do you know others? Let me know