how to add external font to website?

[Santhosh Jack]

i have download new font (full of symbols) like home, facebook icon, twitter icon from this site http://fortawesome.github.io/Font-Awesome/cheatsheet/ i have doubt in that is how to add this to my website i have tried lots of method it doesn't seems to be worked please tell how to do it i have attached image file that blue images are buttons tell me how to place required font to that (in css type=submit ) buttons i tried to attach the file that i download from site that doesn't accepting by yahoo answers please download and try and tell me

1. i installed that font to your system (if your answer is this please don't tell)
2. file (downloaded from the site) which has css file i have tried to link font and css but doesn't seems to work
but that font works lots of website used that sysmbols

or if you prefer another font that are easily compatiable with browsers

[Ben]

Why are you using a font to get a Facebook icon? It's much simpler to use a picture.

[Toxin]

you need to use font-face in css to declare the font.
let use use a font from Google fonts
https://www.google.com/fonts any one will do but I picked Ubuntu Mono(random one clicked)
the code Google gives is <link href='http://fonts.googleapis.com/css?family=Ubuntu+Mono' rel='stylesheet' type='text/css'> now if you open that in your browser you see
http://fonts.googleapis.com/css?family=Ubuntu+Mono
@font-face {
font-family: 'Ubuntu Mono';
font-style: normal;
font-weight: 400;
src: local('Ubuntu Mono'), local('UbuntuMono-Regular'), url(http://themes.googleusercontent.com/stat...fuBk.woff) format('woff');
}

I also think you shhould check out http://getbootstrap.com/