title: Why are my web-fonts not loading on my site?
body: <p>I've done as much searching around on Google and on here as I possibly could before posting so please excuse me if this is easy to answer. Perhaps it's just late where I am, I don't know.</p>
  
  <p>The site is <a href="http://artofbackpacking.com" rel="nofollow">http://artofbackpacking.com</a></p>
  
  <p>No matter what I do, the web fonts on the top right are not loading. You'll see that I have e001, e002, etc. They work in my development environment but not on my live site. The font is from icomoon.io and I used the CSS that was suggested on there. I also tried the Base64 code but that didn't work either.</p>
  
  <p>Here's a small part of what I got in my CSS for this.</p>
  
  <pre><code> @font-face {
  font-family: 'socialFontsMichael';
  src:url('../wp-content/fonts/socialFontsMichael.eot');
  src:url('../wp-content/fonts/socialFontsMichael.eot?#iefix') format('embedded-opentype'),
      url('../wp-content/fonts/socialFontsMichael.woff') format('woff'),
      url('../wp-content/fonts/socialFontsMichael.ttf') format('truetype'),
      url('../wp-content/fonts/socialFontsMichael.svg#socialFontsMichael') format('svg');
  font-weight: normal;
  font-style: normal;
  }
  </code></pre>
  
  <p>Appreciate the help.</p>