title: Convert CSS content to HTML entity
body: <p>Let's say I have element css like:</p>
  
  <pre><code>.dashicons-editor-help:before {
      font-family: dashicons !important;
      content: "\f223";
  }
  </code></pre>
  
  <p>How would I convert <code>"\f223"</code> to HTML entity like <code>&amp;#223;</code>. In some cases like <code>&lt;select&gt;</code>'s <code>&lt;option&gt;</code> you're not able to use pseudo elements and then it would be useful.</p>
  
  <p>Also is there any way of automating the process of translating such CSS to HTML entities (let's say some CSS have 1000 font's like that).</p>
  
  <p>I've found <a href="https://www.evotech.net/articles/testjsentities.html" rel="nofollow">https://www.evotech.net/articles/testjsentities.html</a> this tool, but it converts HTML entity to CSS content, I need reverse.</p>