title: Fontello to Wordpress
body: <p>I am using a Wordpress Theme (Avada) which has fontawesome icons pre-installed. My customer wants to use lineicons from <a href="http://fontello.com/" rel="nofollow">http://fontello.com/</a>! He downloaded the .zip file and sent it to me. Here is what I did:</p>
  
  <p>1) Unpacked -zip file and got the following files:
  - css folder
  - font folder
  - config.json
  - demo.html
  - README.txt</p>
  
  <p>2) I uploaded everything inside the CSS folder to: /wp-content/themes/Avada/css</p>
  
  <p>3) I uploaded everything inside the font folder to: /wp-content/themes/Avada/fonts/fontello/</p>
  
  <p>4) Now I opened up /wp-content/themes/Avada/css/fpslineicons.css and set the @font-face to the following paths:</p>
  
  <p><div class="snippet" data-lang="js" data-hide="false">
  <div class="snippet-code">
  <pre class="snippet-code-html lang-html prettyprint-override"><code>@font-face {
    font-family: 'fpslineicons';
    src: url('../fonts/fontello/fpslineicons.eot?98281823');
    src: url('../fonts/fontello/fpslineicons.eot?98281823#iefix') format('embedded-opentype'),
         url('../fonts/fontello/fpslineicons.woff?98281823') format('woff'),
         url('../fonts/fontello/fpslineicons.ttf?98281823') format('truetype'),
         url('../fonts/fontello/fpslineicons.svg?98281823#fpslineicons') format('svg');</code></pre>
  </div>
  </div>
  </p>
  
  <p>After that I went to my admin panel and enterd in text modus on my frontpage the following code:</p>
  
  <pre><code>&lt;i class="icon-heart"&gt;Test&lt;/i&gt;
  </code></pre>
  
  <p>I also tried:</p>
  
  <pre><code>&lt;div class="icon-heart"&gt;Test&lt;/div&gt;
  </code></pre>
  
  <p>Guess what? Nothing is displayed. Can someone tell me what I am doing wrong? I cannot find what is wrong.</p>
  
  <p>Thanks,
  Chris</p>