Image like Text rendering in CSS

Hi there,

I wonder if anyone can help me, I have noticed on a few websites lately how some css developers are getting fonts, in particular H1, H2, etc. tags, to render as if they were Images, i.e. their appearance is so perfect smooth edged, and I just wondered how do you achieve this via CSS code??

An example of this can be seen here : http://www.montblanc.com/index.php The main heading saying "Starisma seduction by Montblanc" is achieved by the code below :

<h4 class="headline30"><a href="/9573.php">Starisma – <br />seduction by <br />Montblanc</a></h4>

So it would appear to be an H4 tag like any other, however as you can see on screen as it renders you can see it swap from raw standard text to the ultra smooth look... I am lost as to how to get mine to do this, so any help would be sooooo so much appreciated.

Thank you in advance,
Gia999

 

They are using Flash to accomplish this. I don't know much about flash, but the code I am seeing is:

<embed width="425" height="98" src="/flash/futura.swf" quality="best"
 flashvars="txt=<a href=%22asfunction:_root.launchURL,0%22>STARISMA –
 <br/>SEDUCTION BY <br/>MONTBLANC</a>&textcolor=#FFFFFF&w=425&h=98&sifr_url_0=/9573.php&leading=-9&fontsize=30"
 wmode="transparent" bgcolor="transparent" sifr="true"
 type="application/x-shockwave-flash" class="sIFR-flash" style="width: 425px;
 height: 98px;"/>

Code (markup):

 

You can use siFR or php to achieve this using the GD librarry

 

geenstijl.nl uses this too for its garish pink letters. It takes time to load but remember that fashion sites which sell luxery items like the montblanc site always use Flash for this sort of thing. I can see the Flash from geenstijl.nl but here's what montblanc looks like to me:

 

Have a look at sIFR.