Font rendering spacing different in MAC vs PC

[cerstrand_mace]

I have this really annoying problem with my webfont having different natural spacing on my Mac compared to the PC.Here's the difference:

MAC:

 

PC:

 

 

As you can see the natural spacing is beneath the text on Mac and above on PC. The problem is cross browser. I've tried all kinds of css tweaking including line-height, padding, height of div; but as you can see the problem is apparently not in the css but in the font rendering itself.Anyone with a clue about this?Thanks!

Edited October 29, 2013 by cerstrand_mace

[dsonesuk]

I know there's a bug for input buttons and applying height in safari, so i don't know is the same type of issue, but if you add background-color: (if it does not have one yet! can't tell), this did fix the problem.

[cerstrand_mace]

I know there's a bug for input buttons and applying height in safari, so i don't know is the same type of issue, but if you add background-color: (if it does not have one yet! can't tell), this did fix the problem.

Thanks for the answer!

There's a background color with opacity on my buttons. They are not input buttons however.

[cerstrand_mace]

This problem was solved by changing the line-height options while creating the webkit on MyFonts