title: Padding problems in Linux & Mac browsers comparing to Windows with @font-face
body: <p>I have few fonts that I am using in my web projects. Everything goes perfect while I am in Windows browsers, when I am in Linux and Mac browsers the fonts are placed a little bit far from the center, and it looks like it was pushed up with few pixels. This is annoying me because it’s really visible, and the design looks weird. </p>
  
  <p>Is there a solution for this? maybe a hack or something ...<img src="https://i.stack.imgur.com/FmwA2.png" alt="enter image description here"></p>
  
  <p>Well here is the code snippet of my buttons with @font-face fonts <a href="http://db.tt/JoqiqK8i" rel="nofollow noreferrer">http://db.tt/JoqiqK8i</a> , I don't know how to put fonts in jsfiddle, that's why I uploaded to dropbox.</p>