title: Creating Custom Glyphicons Icon/Font on Bootstrap 3
body: <p>Thanks to Mike Causer's post on creating Custom Glyphicons Icon/Font on Bootstrap 3 I have followed these steps but do not know how to finalize it!, <br />
  1- Created a Custom SVG file named <code>xoo.svg</code><br />
  2- Dragged and Dropped the <code>xoo.svg</code> to Fontello.com <br />
  3- Downloaded The Font with name of <code>icon-xoo</code> file contains following Files and Folders:</p>
  
  <p><img src="https://i.stack.imgur.com/JipPV.png" alt="enter image description here"></p>
  
  <p>Can you please let me know if I have to put all of this codes in Bootstrap 3 Fonts and CSS folders? How and where can I Register the CSS files?
  since the icon code is <code>0xe800</code> can I have a CSS claim like:</p>
  
  <pre><code>.icon-xoo { &amp;:before { content: "\0xe800"; } }
  </code></pre>
  
  <p>and Finally, how should I call it? is this correct way to do that?</p>
  
  <pre><code>&lt;span class="glyphicon icon-xoo"&gt;&lt;/span&gt;
  </code></pre>
  
  <p>Thanks </p>