title: Relative URL in @font-face source doesn't work
body: <p>I downloaded Delicious-Roman font and I want to use it in my CSS page. It doesn't seem to work with relative URL, but when i placed it in same folder as my CSS page, it worked! My folders look like this:</p>
  
  <pre>
  -Project
     -Fonts
         -Delicious-Roman.otf
     -Folder
         -Project.html
         -ProjectStyle.css </pre>
  
  <p>So I did this:</p>
  
  <pre><code>@font-face{
     font-family: Delicious;
     src: url(../Fonts/Delicious-Roman.otf);
  }
  div{
     font-family: Delicious;
  }
  </code></pre>
  
  <p>But it doesn't work. When i put <code>Delicious-Roman.otf</code> in <code>Folder</code> and do this:</p>
  
  <pre><code> @font-face{
     font-family: Delicious;
     src: url(Delicious-Roman.otf);
  }
  div{
     font-family: Delicious;
  }
  </code></pre>
  
  <p>its all good and it works. Also I've seen people put <code>format(otf);</code> next to the <code>src</code>, but i don't know why. </p>