title: how to change glyph height without changing the font-size?
body: <h2>Issue</h2>
  
  <p>for text elements that are adjacent to icon elements, the glyph height is not aligned with the icon height. the text elements are styled by CSS with <code>font-size: 20px;</code> and have consistent width for all their instances.</p>
  
  <p><strong>here's an illustration:</strong></p>
  
  <p><img src="https://i.stack.imgur.com/EEfCr.png" alt="font problem"></p>
  
  <p>for the above case, the text should have the same height as the icon. </p>
  
  <h2>Motivation</h2>
  
  <p>finding a way to make the letters a bit taller to take up the available vertical space, while keeping the <code>font-size</code> as is. how to do that?</p>
  
  <h2>What have I tried?</h2>
  
  <p>to increase the <code>font-size</code> a bit, but came to conclusion i'll have to compromise for a smaller icon if I can't increase the letter height, thus the issue.</p>