Why does @font-face only work in localhost?

Question

I used @font-face on my new site, it works fine in localhost in both FF and Chrome. However, when I upload it to my server, I can't see the fonts in FF or Chrome. What could be some possible causes?

My website is http://leojiang.me

Answer 1

Shad found the problem: "you have a rule body, button, input, select, textarea that is further down setting the font to sans serif".

Thanks!