How do i embed a custom font in CSS?
<p>I have recently been trying to embed font to my website. I don't get it to work, i have watched and read tutorials. I wan't to embed a font called "Ubuntu Light" in <em>ttf</em> format. This is what i have been trying: </p>

<pre><code>#logBtn{
  font-family: 'UbuntuLight';
}
@font-face{
font-family: "UbuntuLight";
src: url("CSS/Ubuntu-L.ttf");
}
</code></pre>

<p>And the file in the folder: <a href="https://gyazo.com/e7e15bceedb54e524aa2b181d65118d7" rel="nofollow">Treeview of project</a></p>

<p>I'm almost new to this, i've been coding HTML and CSS in maybe 4 months now. 
I have been stuck at this before, and that made me cancel my project, because i gave up. But i don't want to give up again. So i would really appreciate some help! :)</p>