title: Firefox not recognizing custom font
body: <p>I am using the following CSS to define a custom font on a webpage:</p>
  
  <pre><code>@font-face
  {
      font-family:zapfino;
      src:url("zapfino.ttf");
  }
  </code></pre>
  
  <p>Next, I am defining an id that uses it:</p>
  
  <pre><code>#custom_font
  {
      font-family:zapfino;
      font-size:18px;
  }
  </code></pre>
  
  <p>I've tested the page on Safari and Chrome and it works fine. However, in firefox the font is not showing up, it is reverting to a default. Sorry if this is a repost but I have searched on StackOverflow and cannot find the answer! Does anyone know why this is happening? see it here: www.moosecodes.com (its still under construction! please pardon the mess!)</p>