title: How to offset line-height base line?
body: <p>It is very common issue with <code>font-face</code>, e.g.</p>
  
  <pre><code>font: 20px/20px 'ITC Avant Garde Gothic Std'; font-style: 'book'; letter-spacing: 1px; text-transform: uppercase;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/epaj3.png" alt="enter image description here"></p>
  
  <p>The problem is that I'd expect text vertically centered. However, it is not. Is there a way to offset the line-height base line? Without actually changing the <code>line-height</code>.</p>