am i using @font face incorrectly? : <p>can anyone tell me why i cant seem to get a font to work on my site</p>

<p>css</p>

<p><div class="snippet" data-lang="js" data-hide="false" data-console="true">
<div class="snippet-code">
<pre class="snippet-code-css lang-css prettyprint-override"><code>@fontface {
    font-family: Summer;
    src: url(/font/CodePredators-Regular.ttf);
}

p { 
     color: #000000;
     font-size: 1em;
     font-family: Summer, Tahoma, "Tungsten Bold", Arial, sans-serif;
}</code></pre>
<pre class="snippet-code-html lang-html prettyprint-override"><code>&lt;p&gt;this is a test&lt;/p&gt; </code></pre>
</div>
</div>
</p>

<p>ive actually tried a couple other "methods" but nothing seems to work
ive even tried to upload the font into the root folder in an attempt to make the url path easier</p>

<p>nothing gives</p>

<p>maybe if i see some different code it will help</p>
