title: Unicode emoji letter spacing issue
body: <p>I have an issue showing text with emojis. You can see that the &quot;Test&quot; after the emoji is overlapping the emoji. In search of a CSS that breaks this, I have deleted everything using the inspector but the issue is still visible.</p>
  <p><a href="https://i.stack.imgur.com/mZZuV.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/mZZuV.png" alt="enter image description here" /></a></p>
  <p>The same code in a simple local HTML file is rendering fine as you can see in the second picture.
  Is my &quot;localhost&quot; tab still caching some styling or is the issue somewhere else.</p>
  <p><a href="https://i.stack.imgur.com/Y266E.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Y266E.png" alt="enter image description here" /></a></p>
  <p>The above issue is visible on my external monitor.</p>
  <p>If I move the window to my Mac screen it is rendered a bit differently!
  The &quot;localhost&quot; version is rendered fine but the local HTML file version has a spacing between the emoji and the text after it.</p>
  <p><a href="https://i.stack.imgur.com/NdgiI.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/NdgiI.png" alt="enter image description here" /></a>
  <a href="https://i.stack.imgur.com/Jfe2m.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/Jfe2m.png" alt="enter image description here" /></a></p>
  <p>I have some errors reported by the inspector but this should not impact this simple code in the &quot;localhost&quot; version.
  Something strange is going on here and I can't figure out why so if somebody had this issue before and has solved it I'd be very thankful for the explanation.</p>