title: Why does @fontface work sometimes and not other times in Firefox? Fixes?
body: <p>Does anybody know why @fontface will work sometimes in Firefox but not others?</p>
  
  <p>On this page... <a href="http://www.independentink.ca/gameday/indexb.htm" rel="nofollow">http://www.independentink.ca/gameday/indexb.htm</a> you can see 'Design Packages' written in an embedded font. Then, I try to implement some League Gothic on the same page, as seen here... <a href="http://ggszabo.com/new/indexb.html" rel="nofollow">http://ggszabo.com/new/indexb.html</a> and it won't work.</p>
  
  <p>I'm viewing both in FF and one works while the other doesn't. My code is exactly the same on both.</p>
  
  <p>I've searched for answers but none address this problem specifically.</p>
  
  <p>My css is as follows.</p>
  
  <pre><code>@font-face {
    font-family: 'League Gothic';
    src: url('../fonts/League_Gothic.eot');
    src: local('☺'),
      url("../fonts/League_Gothic.woff") format("woff"),
      url("../fonts/League_Gothic.svg") format("svg");
  }
  </code></pre>
  
  <p>Please help!</p>