Smooth text using CSS?

Hi,

In photoshop you have the option to make text 'smooth' 'strong' or 'crisp'. Is there a way to create a similar effect using css? we use Trebuchet MS throughout all our sites so I want to remain consistent by keeping this font, but without the 'smooth' setting, as the text it looks pretty naff.

Thanks very much!

Nope. You can set it in windows by using cleartype, though.

Originally Posted by Subhan Hi, In photoshop you have the option to make text 'smooth' 'strong' or 'crisp'. Is there a way to create a similar effect using css? we use Trebuchet MS throughout all our sites so I want to remain consistent by keeping this font, but without the 'smooth' setting, as the text it looks pretty naff. Thanks very much!

I believe if you use:
text-transform: uppercase;
font-weight: bold;
letter-spacing: -3px;
font-size: 24px;


Then it should be smooth.

It generally depends on the browser and font size to my knowledge.

And the systems amount of RAM.

Originally Posted by Subhan Hi, In photoshop you have the option to make text 'smooth' 'strong' or 'crisp'. Is there a way to create a similar effect using css? we use Trebuchet MS throughout all our sites so I want to remain consistent by keeping this font, but without the 'smooth' setting, as the text it looks pretty naff. Thanks very much!

No, or else the majority of the sites out there wouldn't be using the generic system fonts... but anyway for large amounts of text I recommend using Verdana, and changing the line-height, and other properties.

Originally Posted by Garrett And the systems amount of RAM.

What does RAM have to do with the way browsers render text? It depends completely on the versatility of the font (or user settings).

You can't change the text smoothing with CSS, as it gets rendered by Windows and not the browser. You could try to use fonts that don't have smoothing, like the Windows System font, but that's horrible.

Originally Posted by freedom What does RAM have to do with the way browsers render text? It depends completely on the versatility of the font (or user settings).

I thought it was the amount of RAM that it took so it could render the text in AA? Because I tested this on my dads CPU with 256, and it got no anti-alias. And on my 1.5 gig, it got it. Same browser and version same font.

Originally Posted by Garrett I thought it was the amount of RAM that it took so it could render the text in AA? Because I tested this on my dads CPU with 256, and it got no anti-alias. And on my 1.5 gig, it got it. Same browser and version same font.

It might have had cleartype. Ram doesn't have to do with font-rendering .. especially in a browser. I'm not sure on the effect it has on the windows ui.