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

Join the conversation

You can post now and register later. If you have an account, sign in now to post with your account.

Guest
Reply to this topic...

×   Pasted as rich text.   Paste as plain text instead

  Only 75 emoji are allowed.

×   Your link has been automatically embedded.   Display as a link instead

×   Your previous content has been restored.   Clear editor

×   You cannot paste images directly. Upload or insert images from URL.

Loading...

×
×
  • Create New...