HTML: Font Jaggy Edges

[QueHuong]

I'm creating a home page, and I'm using regular fonts (as opposed to graphic buttons) for my site navigation.

However, the font looks ugly. It has jaggy edges. Here's my CSS code:
body {font-family: verdana, "century gothic", sans-serif; color: #ffffff; font-size:100%; background-color: #696969; }

Is there to fix this and make the font look smooth?

 

[Specialk92282]

If I am correct antialiasing is based on windows settings. The only real way (as far as I know) to guarantee antialiased text is to put it in photoshop and set the smoothing appropriately.

 

[QueHuong]

So I would have to use buttons? I was hoping to avoid that because giving the button a background color never matches up with the browser's rendition of a color, resulting in a different shade for the button's background.

And making the button a transparent gif file gives an even worse jagged look. Any solutions?

 

[Markbnj]

The situation with typography in your web pages is this: unless you render images on your side, the only control you have over how the font displays on the client side is through basic styling. You can choose the font, size, decorations, etc., but you can't control whether a font is present on the client system, whether the client has cleartype enabled, etc.

Most sites specify a set of font families in the body tag style that apply to the whole page, and then override as needed. You need to choose fonts that your users are likely to have, and use them in the right ways. There is a load of info on this topic on the many design-oriented websites out there.

A relatively new technology called sIFR allows you to embed rich typography in web pages, but it uses Flash and has some other limitations.