title: CSS import fonts from otf
body: <p>guys, I'm having trouble with importing fonts from an otf file</p>
  
  <p><strong>main.css</strong></p>
  
  <pre><code>@font-face {
      font-family: 'testfont';
      src: url('fonts/test.otf');
  }
  
  .fonttest {
      font-family: 'testfont';
  }
  </code></pre>
  
  <p><strong>main.html</strong></p>
  
  <pre><code>&lt;p class="fonttest"&gt;TESTtest&lt;/p&gt;
  </code></pre>
  
  <p>But still when I try start the homepage it shows the standard font of html.
  When I use the inspector on my browser opera and chrome it says that the font was accepted </p>