title: CSS content not working for some cases
body: <p>I am trying to incorporate CSS before content.
  I want to put  info icon (i), which is "\e608"</p>
  
  <pre><code>#securityCodeLink:before {
      content: "\e608";
  }
  </code></pre>
  
  <p>The output looks like this</p>
  
  <p><img src="https://i.imgur.com/SCsEpnA.png" alt="e608"></p>
  
  <p>But if i try with 2701 or something like that </p>
  
  <pre><code>#securityCodeLink:before {
      content: "\2701";
  }
  </code></pre>
  
  <p>It works perfectly fine. </p>
  
  <p><img src="https://i.imgur.com/itmlwmk.png" alt="2701"></p>
  
  <p>Can any one tell me why is this and how can i fix this?</p>