title: CSS-defined font not found
body: <blockquote>
    <p><strong>Possible Duplicate:</strong><br>
    <a href="https://stackoverflow.com/questions/2714429/font-face-not-working-on-a-client-site">@font-face not working on a client site?</a>  </p>
  </blockquote>
  
  
  
  <p>I have the following font files in this folder structure in my ASP.Net MVC web app:</p>
  
  <p>-[root]</p>
  
  <p>|-- Public</p>
  
  <p>||--fonts</p>
  
  <p>|||--NuvoWeb-Medi.eot</p>
  
  <p>|||--NuvoWeb-Medi.woff</p>
  
  <p>In my CSS file I have the following font declaration:</p>
  
  <pre><code>@font-face 
  {
      font-family: NuvoWeb;
      src: url(/Public/fonts/NuvoWeb-Medi.eot);
  }
  @font-face 
  {
      font-family: NuvoWeb;
      src: url(/Public/fonts/NuvoWeb-Medi.woff) format('woff');
  }
  </code></pre>
  
  <p>However, when I run the app, Firebug returns the following error:</p>
  
  <blockquote>
    <p>"NetworkError: 404 Not Found -
    <a href="http://localhost:60194/Public/fonts/NuvoWeb-Medi.woff" rel="nofollow noreferrer">http://localhost:60194/Public/fonts/NuvoWeb-Medi.woff</a>"</p>
  </blockquote>
  
  <p>Please advise as to what I am missing in order to get this to work.</p>