[mjjwatson]

Hey,

I'm trying to get, as best as I can, a crossbrowser solution for turning off font smoothing. A client wants a site with a bitmappy, tech, retro font to be used in headers, which looks rubbish on macs, and anything with font smoothing.

-webkit-font-smoothing: none; works great for chrome & safari, but that's as far as I've got.

Anyone know if it's possible to turn off font smoothing in firefox, with CSS? Couldn't find any solutions on the old google.

Cheers.

[Yeroon]

Hi,

Nice new specification for CSS3, but not guaranteed to work for all browsers. Read more here:

CSS3 module: Fonts

So first off you need to set the propertie to "never" instead of "none".

font-smooth:never 

But I have just tried this and seems nothing much is happening (chrome, ie8). So maybe somehow it get's ignored or overwritten by system settings?

[mjjwatson]

Hmmmm. Font-smooth:never doesn't seem to do anything in any browser on a mac.

Which begs the question why it even exists as a property, really.

-webkit-font-smoothing: none; works, however, and disables font-smoothing in everything but firefox. Any other ideas?

[Yeroon]

Hmm not sure it can be solved then. Most browsers dont fully support CSS3 yet. For more info see:

Comparison of layout engines (Cascading Style Sheets) - Wikipedia, the free encyclopedia

So I wouldn't get my hopes up if I were you Sorry to say