title: How to steal a font from a site
body: <p>I know the question itself is illegal - asking to steal someone's home. :)</p>
  
  <p>Anyways, it's a situation when a developer's logic is not working actually. With Browser's Developer Tool, I got the site's CSS. I located the <code>@font-face</code> code inside the <code>main.css</code>.</p>
  
  <p>Here's what I got:</p>
  
  <p><strong>main.css:</strong><br/>
  path: <a href="http://www.example.com/assets/css/main.css" rel="noreferrer">http://www.example.com/assets/css/main.css</a><br/>
  code:</p>
  
  <pre><code>@font-face {
    font-family: 'the_font';
    src: url("../fonts/fontname/fontname.eot");
    bla bla
    font-style: normal;
    font-weight: normal;
  }
  </code></pre>
  
  <p>So, according to the code the font file is in a folder named "fontname" under the "fonts" folder. And from the path's direction we can guess that the font's location is:</p>
  
  <p><a href="http://www.example.com/assets/fonts/fontname/fontname.eot" rel="noreferrer">http://www.example.com/assets/fonts/fontname/fontname.eot</a></p>
  
  <p>But it's generating a 404 page.</p>
  
  <p>Why NOT the path's logic is working?</p>