title: Font-Face use absolute path
body: <p>Is it possible to use an absolute path with <code>@fontace?</code> I have the follow directory-structure:</p>
  
  <pre><code>-HP
  |--font
  |  |- Monoton.woff
  |  |- Monoton.eot
  |--css
  |  |- font.css
  |  |- fontface.css
  |--html
     |-index.html
  </code></pre>
  
  <p>Defined the font-face</p>
  
  <pre><code>@font-face {
      font-familiy: Monoton;
      src: url('../font/Monoton.woff') format('woff'); // EDIT: Change fonts to font the name of th woff-file
      font-weight: normal;
      font-style: normal;
  }
  </code></pre>
  
  <p>and used it in the css as class monoton:</p>
  
  <pre><code>@import url('fontFace.css');
  
  .monoton {
      font-familiy: Monoton, cursive;
      font-size: 1.875em;
      color: rgba(0, 200, 0, 1);
  }
  </code></pre>
  
  <p>but it doesn't works in chrome, Firefox and co. Can somebody explain me why?
  I have put the <code>fontFace.css</code> and all font-files in the html-directory. Now it will work..</p>