@font–face is a css rule which allows you to download a font from your server if the user doesn’t already have it installed on their system. Works as of Safari 3.1, Firefox 3.1, Opera 10 and even Internet Explorer since version 5, (although they decided to use a non standard font format.)
Start by going to Font Squirrel and finding the right font for your design. Next download the appropriate @font-face kit
Make sure to upload the font files that you’re using to the root directory of the website, and make sure that the src: url is pointing to that location. example: http://www.example.com/MyUnderwood/MyUnderwood.eot
Place this bit of css code into your stylesheet and the you can us the font just like any other!
src: local('☺'), url('http://www.example.com/MyUnderwood/MyUnderwood-webfont.woff') format('woff'),
/* Example Use */
Here is an example of the font MyUnderwoodRegular:
I’m a really old typewriter…please stop using me!
I hope this helps!