title: CSS @Import: Imported .css file has sources that are urls
body: <p>I have a little problem that I just cant solve. I have a css-file that imports another css-file which contains a font. Now this imported css-file has a list of these e.g: </p>
  
  <p><code>src: url(my-font.eot)</code></p>
  
  <p>When I publish the site, it does not find the font files. I have tried all sorts of paths such as:</p>
  
  <pre><code>src: url(../Content/css/&lt;filenamehere&gt;.eot
  src: url(../css/&lt;filenamehere&gt;.eot
  </code></pre>
  
  <p>I know the font-css is in the server and import from the main.css works because there are two files that are imported and the other one works fine.</p>
  
  <p>EDIT:
  My Imports look like this:</p>
  
  <pre><code>@import url('../css/stuff1/stuff1.css');
  @import url('../css/stuff2/stuff2.css');
  </code></pre>
  
  <p>/EDIT</p>
  
  <p>What paths should I give to these font files in the font-css?</p>