title: Using icon font in css content
body: <p>I'm trying to use font icons with the zurb foundation <a href="http://zurb.com/playground/foundation-icon-fonts-3#allicons" rel="nofollow">icon pack</a> and while of course you can display them inline via of course something as simple as;</p>
  
  <pre><code>&lt;i class="fi-alert"&gt;&lt;/i&gt;
  </code></pre>
  
  <p>Except when I try to use it as css content (which is how they display them...) I don't get the same result when I do something like <code>content: "\f101"</code> inside of a css class. I just get those squares to display.</p>
  
  <p>Is the only difference that I include them externally? via;</p>
  
  <pre><code>&lt;link href="//cdnjs.cloudflare.com/ajax/libs/foundicons/3.0.0/foundation-icons.css?hash=132456789blahblahblah" rel="stylesheet"&gt;
  </code></pre>
  
  <p>Or what? Am I just missing a src ref in my sass or something inane like that? I'm doing it just how I would expect it to work and have done with others in the past but I get no icon using them from the css, only shown inline with the html? I know it's going to be some dumb oversight so could use another pair of eyes.</p>
  
  <p>Sorry, kicking the dust off my web experience, it's been awhile.</p>