title: @Font-face in CSS file not working despite no reported error
body: <p>I guess this is a common problem but after reading through several threads I wasn't able to fox the problem. So:</p>
  
  <p>I'm developing a website and am currently using it on my local machine (without any webserver, just my IDE). My folder structure would look like this:</p>
  
  <pre><code>|
  |
   ---fonts
  |    |
  |     ---Raleway-Regular.ttf
  |
   ----css
  |    |
  |     ---default.css
  |
   --- main.html
  </code></pre>
  
  <p>I'm including the font in my css file like that:</p>
  
  <pre><code>@font-face {
  font-family: Raleway, sans-serif;
  src: url("../fonts/Raleway-Regular.ttf") format("truetype");
  }
  
  @font-face {
  font-family: Raleway, sans-serif;
  font-weight: bold;
  src: url("../fonts/Raleway-Bold.ttf") format("truetype");
  }
  </code></pre>
  
  <p>and using them in my class:</p>
  
  <pre><code>.l-menu-group {
  display: inline-block;
  float: right;
  height: 100%;
  margin-right: 40px;
  color: #505050;
  font-family: Raleway, sans-serif;
  text-transform: uppercase;
  }
  </code></pre>
  
  <p>I'm using Opera and the network/browser console did not report any errors (no 404 etc.), also visiting at localhost:port/Project/fonts/Raleway-Regular.ttf resulted in downloading the font and thus worked. I've emptied my cache, everything without success.</p>
  
  <p><strong>Edit</strong>: Just using Google Fonts links did the job but I still would like to have all files local to the server. </p>
  
  <p>Any help would be greatly appreciated :)</p>