CSS: @font-face import not working

I don't understand how to get this to work, any help would be appreciated;

I'm going off of what I got from this website: http://alistapart.com/article/cssatten

from my style.css

@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";
}