title: Change font height and width
body: <p>I want to change not the <code>font-size</code> of text, but two independent properties relative to its width and height.
  So, by applying <code>font-width: 50%</code> to this element:</p>
  <p><a href="https://i.stack.imgur.com/K9u5I.png" rel="noreferrer"><img src="https://i.stack.imgur.com/K9u5I.png" alt="enter image description here" /></a></p>
  <p>the text would be stretched to half:</p>
  <p><a href="https://i.stack.imgur.com/qdUvh.png" rel="noreferrer"><img src="https://i.stack.imgur.com/qdUvh.png" alt="enter image description here" /></a></p>
  <p>Is this possible to do using CSS?</p>