title: UTF-8 Character in CSS
body: <p>I have been using an html template that contains a slider (revolution slider - <a href="https://revolution.themepunch.com/" rel="nofollow">https://revolution.themepunch.com/</a>)</p>
  
  <p>It has a right and left arrow for navigating that use the following - </p>
  
  <pre><code>.tp-rightarrow.preview4:after { content: '\E824'; }
  .tp-leftarrow.preview4:after { content: '\E825'; }
  </code></pre>
  
  <p>This works fine locally, but when I uploaded as part of an Umbraco site the two arrows changed to Chinese symbols. When I googled I found the following - </p>
  
  <p><a href="http://www.utf8icons.com/character/59429/UTF-8-character" rel="nofollow">http://www.utf8icons.com/character/59429/UTF-8-character</a></p>
  
  <p>I have now changed the CSS to display a > and &lt; symbol but I'd like to know why the original code sometimes displays arrows and sometime displays chinese symbols.</p>
  
  <p>Thanks.</p>