How do you do this? CSS based image/font

Take a look at this site - http://www.xhtmled.com

You'll notice the "Weblog" in blue and "My Favorite Apps for OS X" in a light brown are actual text, but appear to look like images.

I do you do that? (in so many words )

 

What he said below.

 

I sorry but have to disagree with Colleen,

What they are doing is using wha is called sIFR, a javascript and flash replacement metod for text.

It's quite interesting cause it keeps the normal text behind the flash and serves normal text to these with javascript disabled.

More info to be found at google by simply searching sFIR.

http://www.google.co.uk/search?sourceid=navclient-ff&ie=UTF-8&rls=GGGL,GGGL:2005-09,GGGL:es&q=sIFR

 

Thanks tresman

I knew it could be done, as it's relatively new to the CSS world, but I just couldn't remember what it was called to find a tutorial on it.

 

Wow that is really cool! Gotta try it out

 

Here's a better way of doing it if you aren't "flash" savvy...at all. This method only uses some Javascript and PHP files.

http://www.alistapart.com/articles/dynatext

 

Thanks for sharing your find, Voasi. I am definitely not flash savvy. I am going to check out that other method.

 

Collen,

Keep in mind that the second method needs more of server side resources. The choice is yours, depending on the type of visitors you have.

The first needs more visitors computer resource as they need to generate the javascript and flash, the second needs your server to generate the images. Up to you.

 

The sIFR method seems better, because users can still highlight and copy text. Whereas the 2nd method is like a spiderable text-image.