title: ::before, ::after content alignment wrong on windows
body: <p>I have font icons i'm using for that before, after selector. But it's alignment seems wrong on windows. </p>
  
  <p>mac view</p>
  
  <p><a href="https://i.stack.imgur.com/GNW1O.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/GNW1O.png" alt=""></a></p>
  
  <p>Windows</p>
  
  <p><a href="https://i.stack.imgur.com/KGYAm.png" rel="nofollow noreferrer"><img src="https://i.stack.imgur.com/KGYAm.png" alt=""></a></p>
  
  <p>selector doesn't have any line-height, padding something like that. just has color and font-size properties.</p>
  
  <p>css code</p>
  
  <pre><code>content: 'X';
  position: absolute;
  left: 335px;
  bottom: 0;
  color: #ee6969;
  </code></pre>
  
  <p>I'm using latest version Chrome.</p>