title: Why is my font-face adding space at the baseline?
body: <p>My font is doing something weird. There seems to be space being added below the font (Not the margin) that is pushing it up above the line-height. If I adjust the height it seems to be anchored to the bottom of the line height so instead of increasing the space below it actually pushes the top of the font above the line height. Is there any way, save adding margin or padding to the top, to make sure it's anchoring to the top of the line-height or middle?</p>
  
  <p><img src="https://i.stack.imgur.com/3c6EV.png" alt="enter image description here"></p>
  
  <p>CSS:</p>
  
  <pre><code>@font-face {font-family: 'AvenirLTStd-Book';src: url('/us/_media/font/2CA9EF_0_0.eot');src: url('/us/_media/font/2CA9EF_0_0.eot?#iefix') format('embedded-opentype'),url('/us/_media/font/2CA9EF_0_0.woff2') format('woff2'),url('/us/_media/font/2CA9EF_0_0.woff') format('woff'),url('/us/_media/font/2CA9EF_0_0.ttf') format('truetype');}
  @font-face {font-family: 'AvenirLTStd-Black';src: url('/us/_media/font/2CA9EF_1_0.eot');src: url('/us/_media/font/2CA9EF_1_0.eot?#iefix') format('embedded-opentype'),url('/us/_media/font/2CA9EF_1_0.woff2') format('woff2'),url('/us/_media/font/2CA9EF_1_0.woff') format('woff'),url('/us/_media/font/2CA9EF_1_0.ttf') format('truetype');}
  
  h1,h2,h3,h4,h5,h6 {
      font-family:'AvenirLTStd-Black', Arial, sans-serif;
      margin-top: 0;
      font-weight: normal;
      line-height: 1em;
      color: inherit;
      text-rendering: optimizelegibility;
      -webkit-font-smoothing: antialiased;
      letter-spacing:1px;
  }
  </code></pre>