title: Font "bottom-padding" is bigger than expected
body: <p>I've recently bought <code>Proxima Nova</code> font for my project and I am having issue aligning it vertically. If I set all the margins, line-heights and padding exactly as with <code>Arial</code>, I don't get the same results and the font is misaligned. You can see the <code>Arial</code> is nicely centered and the <code>Proxima nova</code>'s bottom padding is bigger than the top padding.</p>
  
  <p>I suppose it is a problem with the font - the question is - how can I overcome the issue? Do I have to redo the font? Can I set up some css property to fix this?</p>
  
  <p>I've created a page to demonstrate the issue:</p>
  
  <p><a href="http://fonts.knyt.tl/" rel="nofollow noreferrer">http://fonts.knyt.tl/</a></p>
  
  <p><img src="https://i.stack.imgur.com/pgJHl.png" alt="enter image description here">
  <strong>Edit</strong>:</p>
  
  <p>My question is - is there a way to globally "configure the font" to have the correct paddings so that I don't have to rewrite the whole css code once I decide to change the font? Or do I have to edit the font files to achieve this?</p>