title: Space after Polish character when displaying content property in ":after" pseudo-element
body: <p>I'm using successfully Polish characters in whole project. But i added global loader whenever axios action is performing. And I have such CSS code for this loader:</p>
  
  <pre><code>.loader:after {
    content: "Ładowanie...";
    position: fixed;
    width: 100%;
    top: 50%;
    left: 0;
    z-index: 1001;
    color:white;
    text-align:center;
    font-weight:bold;
    font-size:1.5rem;        
  }
  
  .loader:before {
    content: '';
    background: #000000cc;
    position: fixed;
    width: 100%;
    height: 100%;
    top: 0;
    left: 0;
    z-index: 1000;
  }
  </code></pre>
  
  <p>And the problem is: it doesn't display "Ładowanie..." but "Ł  adowanie..." - with space after Polish character.</p>
  
  <p>Also I'm using react-bootstrap in my project. I'm telling you this although it might be unnecessary info, but I have no idea what may cause this, so better to tell more than less.</p>
  
  <p><a href="https://i.stack.imgur.com/ljEyx.png" rel="nofollow noreferrer">Screenshot</a></p>
  
  <p><a href="https://i.stack.imgur.com/J9fB6.png" rel="nofollow noreferrer">Screenshot with different Polish character (everything fine)</a></p>