title: CSS: @font-face import not working
body: <p>I don't understand how to get this to work, any help would be appreciated;</p>
  
  <p>I'm going off of what I got from this website: <a href="http://alistapart.com/article/cssatten" rel="noreferrer">http://alistapart.com/article/cssatten</a></p>
  
  <p>from my style.css</p>
  
  <pre><code>@font-face {
   font-family: "JSL";
   src: url(http://ff.static.1001fonts.net/j/s/jsl-ancient.normal.ttf) format("truetype");
  }
  
  font {
   color: #000000;
   font-size: 120%;
   font-family: "JSL";
  }
  </code></pre>