title: How do I set up the Zurb Foundation icons?
body: <p>I have downloaded the Zurb Foundation icon fonts files <a href="http://zurb.com/playground/foundation-icon-fonts-3" rel="noreferrer">http://zurb.com/playground/foundation-icon-fonts-3</a> </p>
  
  <p>I unzipped them and placed the /foundation-icons folder into my /css folder. Is this correct? I am trying to follow the documentation "How to use them" section and i can't figure out how to start using the classes.</p>
  
  <p>I am doing this in my .html to call the classes.            </p>
  
  <pre><code>&lt;a class=".fi-social-facebook"&gt;Facebook&lt;/a&gt;  
  </code></pre>
  
  <p>so i assume i must of not configured/set up my file font properly.</p>
  
  <p><strong>Update</strong>: This is what my directory looks like... i am referencing it<br>
   and this is how I am calling the class. </p>
  
  <pre><code>&lt;i class="ft-social-facebook"&gt;&lt;/i&gt;&lt;a href="#"&gt;Facebook&lt;/a&gt;
  &lt;i class="ft-star"&gt;&lt;/i&gt;
  </code></pre>
  
  <p><img src="https://i.stack.imgur.com/tVRVI.png" alt="Snapshot"></p>