When I discovered that I had been using the @font-face rule incorrectly (for quite a long time actually) I was floored. How could this have happened? I was working off of numerous tutorials and suggestions online and they were all saying the same thing. Just goes to show that the internet is not always right.
Anyway, there are two basic methods for using the @font-face rule, they both work but the first (that I was using and most people on the internet are also using) is like showing up to a volleyball game with a cast on your leg and the sun in your eye.