Jump to content
cerstrand_mace

Font rendering spacing different in MAC vs PC

Recommended Posts

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:post-111293-0-88799600-1383033651_thumb.jpg

 

PC:post-111293-0-93336700-1383033650_thumb.jpg

 

 

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 by cerstrand_mace

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

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.

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

×