@font-face is really helpful
All you would have to do is upload the fonts to a /fonts folder, and then link them properly in the css, then you would use them normally.
Or you could use google fonts, and then just link them that way
A bit more info:
If you wanted to use a webfont from google, you would go to http://www.google.com/webfonts
Choose a font, for instance: Black Ops One. I chose that font. Here's how you would link it(in the <head></head> section):
As for fonts that you have, I would say check out http://www.fontsquirrel.com/. They have some really good @font-face kits for you to experiment with, and that's where I would start learning stuff about @font-face. Also, there's the official website: http://www.font-face.com/
If you use @import url, it's one line of code itself in the css file. Then, just add this to the css:
font-family: 'Black Ops One', cursive;
@import url is it's own single thing lol, can't use it within something
If you use a google webfont you need to read about it, checking the implementation and the usage