title: Why ✓ symbol sometimes gets replaced with âœ“ one?
body: <p>I've got the following css rule:</p>
  
  <pre><code>.icon {
      content: "✓";
      color: #337ab7;
      display: inline-block;
      width: 1em;
      margin-left: -1em;
  }
  </code></pre>
  
  <p>where I use UTF-8 character ✓. But I've found that sometimes this symbol gets replaced with "âœ“"symbol on a page.</p>
  
  <p>Why it happens?</p>
  
  <p><strong>[Update]</strong>:</p>
  
  <ul>
  <li>Chorme browser of 72.0.3626.121 version.</li>
  <li>Header section contains <code>&lt;meta charset="utf-8"&gt;</code> declaration</li>
  </ul>
  
  <p><strong>[Update 2]</strong>: I've found that css file responds with the response header:</p>
  
  <pre><code>content-encoding: br
  </code></pre>