title: CSS :after content (HTML entity) mobile compatibility
body: <p>I'm running into an issue with an HTML entity inside of :after content. It's working on most browsers and devices, but there seems to be a problem with certain android devices. </p>
  
  <p>Here's the code I'm using:</p>
  
  <pre><code>.side-arrow::after{
      position:relative;
      content:"\025B8";
  }
  .down-arrow::after{
      position:relative;
      content:"\025BE";
  }
  </code></pre>
  
  <p>Is this an issue with the HTML entity or with the CSS content? For some devices it doesn't show up at all and others it shows a blank box as if it's an image.</p>
  
  <p>If there's a way to fix this without needing an image fallback, that would be ideal since there are a number of different colors and sizes needed.</p>
  
  <p><strong>EDIT</strong></p>
  
  <p>In the case of no support, what would be an alternative to adding the symbol to just those devices?</p>