The trebuchet font looks weird

Looks fine in IE but not firefox

[TimmyMagic]

I'm designing a new site and would like to use the font trebuchet MS. It looks great when viewed using IE but when I look with Firefox (v3) it looks really rubbish. The best way to describe it is on IE it looks like the text is printed with a laser printer, and on FF it looks like the text is printed on an old dot matrix.

Any ideas why this should be the case?

Tim

[rocknbil]

Have you experimented with all sizes? Not using fixed pixel sizes?

I've used Trebuchet her and there without negative effects across most browsers, but from time to time I notice some fonts don't render well at certain sizes. It may also be something specific to your system (?) tried other comps?

[encyclo]

On Windows XP, IE7 uses ClearType by default, even if it is not enabled for your other applications. If you enable ClearType then the font will look the same in both browsers.

[microsoft.com...]
[microsoft.com...]

[TimmyMagic]

Thanks for your replies.

I have been using 12px in my CSS, and then using % for headings, such as 150%. I have tried different sizes and also played around with the line height, which helped a little. The thing is, if it looks bad on my computer then it's highly likely to look bad on many others. In the end I just changed it to Verdana, which renders fine in Firefox. It's a shame as I really quite like Trebuchet.

It's not just Trebuchet though. Quite a few other fonts don't look good in Firefox - maybe it just has a problem with fonts. They look great in IE and Safari.

Encyclo - I'm not really sure what you mean? It looks fine in IE, it's FF that's the problem. If it can't render the font properly I can't expect visitors to change their settings just to view my site. Unless I misunderstood what you meant.

Tim