title: Difference in font rendering for U+200A
body: <p>I'm having a strange issue in font-rendering differences between latest versions of Chrome and Firefox.</p>
  
  <p>I'm using a <a href="https://www.utf8icons.com/character/8202/hair-space" rel="nofollow noreferrer">hair space character</a> with a font stack as follows: <br>
  <code>font-family: "Verdana", "Geneva", sans-serif;</code></p>
  
  <p>I haven't found a reliable resource what's going wrong but there's a clear difference in rendering this character:</p>
  
  <p><kbd><b><a href="http://codepen.io/Nirazul/pen/YZbqNN?editors=1100" rel="nofollow noreferrer">Codepen</a></b></kbd></p>
  
  <p>What I've found out so far:</p>
  
  <ul>
  <li>Chrome seems to render the hair space in Verdana</li>
  <li>Firefox isn't able to do this and falls back to Times New Roman</li>
  <li>Geneva seems to have a glyph for this character but it's the same width as a normal space (rendering it useless)</li>
  </ul>
  
  <p>The main question is: Why is Verdana behaving differently in Chrome and Firefox. Both use the same system font.</p>
  
  <p><strong>[EDIT]</strong><br>
  I've added an animated gif to show you the difference I'm experiencing. Apart from minor tweaks to the line heights I haven't changed the base images. The rendering is alsmost completely different except the hair space. Maybe this is a macOS specific problem:</p>
  
  <p><a href="https://i.stack.imgur.com/YmaSg.gif" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/YmaSg.gif" alt="Animation"></a></p>