title: Can't make a CSS @font-face rule if the font is not in the same folder as a CSS file
body: <p>I am trying to make a simple webpage with a digital clock and downloaded a "Digital" font for this.
  It's working when I put font in the same folder as the CSS file, like this:</p>
  
  
  
  <pre class="lang-css prettyprint-override"><code>@font-face {
      font-family: Digital;
      src: url('digital.ttf');
  }
  </code></pre>
  
  <p>But I want to have a distinct "font" folder, then folder with font name and then font itself. How can I access this font then?
  I tried like this:</p>
  
  <pre class="lang-css prettyprint-override"><code>@font-face {
      font-family: Digital;
      src: url('../fonts/digital/digital.ttf');
  }
  </code></pre>
  
  <p>And this:</p>
  
  <pre class="lang-css prettyprint-override"><code>@font-face {
      font-family: Digital;
      src: url('/fonts/digital/digital.ttf');
  }
  </code></pre>
  
  <p>And this:</p>
  
  <pre class="lang-css prettyprint-override"><code>@font-face {
      font-family: Digital;
      src: url('fonts/digital/digital.ttf');
  }
  </code></pre>
  
  <p>No effect.</p>