How to add a drop shadow to CSS text?

I've seen tutorials for adding shadows to boxes etc.,, but how to add a shadow on stylised text?

 

There are a few way to achieve this:

1/ Use images or image replacement.
2/ Use CSS3's att: text-shadow (at the moment of speaking, works on webkit/Safari and Opera 9.5)
3/ Use 2 layers of text positioning inside a container.
4/ Others (flash,JS...)

 

Thanks for the breakdown. I'm using Image Replacement, but also a bit of 2/ also since whatever is typed, then the relevant Image using TTF is displayed...but would like a shadow on the text.

Would you know how this is possible?

 

Like this header ?

http://talayonline.info/

 

Yes like that. Can it be done with css? Does this look like regular text to a bot for serps?

 

Go to that page, and click View, Page Source in your browser. You will see the text simply repeated twice.

<div id="divheading">
<h1>TaLayOnline</h1>
</div>
<div id="divheading_shadow">
<h2>TaLayOnline</h2>
</div>
<br>
<div id="divheading2">
<h3>The online marketplace for download ebooks, software, and digitally delivered products.</h3>
</div>
<div id="divheading_shadow2">
<h4>The online marketplace for download ebooks, software, and digitally delivered products.</h4>

</div>

Code (markup):

This will look strange or sound strange to those not using visual browsers, but won't hurt as far as teh googles are concerned. It's just the same text twice with the second one positioned over the first, but a little offset. One text is black, the other white. That is what you can do with css.