firefox 4 default font rendering

[Limenote]

so how is everyone getting around the fact that firefox now renders fonts in a crazy way by default? it messes with my spacing and I cant think of a way to sort it server side?

 

[Muel]

We're having problems with this at work. Seems especially bad at smaller font sizes, almost as if my default it sets things to letter-spacing:-1px;

Anyone know of any fixes?

 

[Limenote]

even with letter-spacing set and line-height the text is still slightly off, also firefox adds padding to my form fields and i cant seem to override the setting, its at-least 2 px, my submit button is just as stubborn!

 

[GravyMonster]

Really? I've not heard or seen this problem. I'll have a google.

Normally I use ems like below so maybe that's why I've not seen it?

BODY { font-size: 62.5% }
P { font-size: 1.2em; /* 12px */ }
SPAN { font-size: 2.4em; /* 24px */ }

 

[Limenote]

Really? I've not heard or seen this problem. I'll have a google.

Normally I use ems like below so maybe that's why I've not seen it?

BODY { font-size: 62.5% }
P { font-size: 1.2em; /* 12px */ }
SPAN { font-size: 2.4em; /* 24px */ }

im using ems, the fonts match up fine if you disable the gpu rendering within firefox, but that's turned on by default so isn't an option, the form padding occurs regardless.

 

[gord]

I've not noticed anything significant with any of my sites..

 

[GravyMonster]

I have GPU rendering enabled and like Gord, absolutely no issues with my sites, or any other site.

I'd say its more likely to be a GFX driver issue.

 

[Limenote]

edit: firefox is adding a 1 pixel pad to these input fields, font rendering aside is there a way to stop this?

 

[UncleRuckus]

yui-reset.css ?

 

[Muel]

I fixed the issue we were having. Use Firebug to compare the computed CSS from 3.6 and 4. For some reason on ours, 4 decided it didn't want to inherit the default font from the body, and instead decided to apply some wierd nastiness. Only if the tag was for a fieldset wrapped element....