Softening text in CSS

[barrylowe]

Does anyone know if there is a way in CSS to soften the intensity of text.

I have a set of buttons which were created using Macromedia Fireworks and the text on the buttons is in Copperplate Gothic Bold and has a smooth anti-alias which gives the lettes a nice soft blurred effect around their edges.
I want to replace the images and Javascript with a couple of styles but the letters are very harsh as I can't apply a smooth anti-alias.

The 2 style are:

tr.button_on{
background-image : url("Button_on.jpg");
background-position : center;
font-family : "CopperPlate Gothic Bold", "MS Serif", "New York", serif;
font-size: 12px;
Color : #0066FF;
text-align : center;
vertical-align : middle;
height: 20px;
}
tr.button_off {
background-image : url("Button_off.jpg");
background-position : center;
font-family : "CopperPlate Gothic Bold", "MS Serif", "New York", serif;
font-size: 12px;
Color : #FFF578;
text-align : center;
vertical-align : middle;
height: 20px;
}

Any help appreciated.

 

[Vragabond]

With the currently supported CSS, there is no font smoothing available. You will simply have to settle for the crisper font.