as AlternativeWeb stated you need to be using the @font-face css rules.
To get them for any font what to do is this.

get your OFT or TTF or whatever the font file is and then upload it to this site:

http://www.font********** - This will give you most of the files that you need.
http://orionevent.comxa.com/otf2woff.html - this will give you the WOFF file.

Now that you have everything you will have this in your root

public_html/fonts/
public_html/fonts/fontfolder
public_html/fonts/font.otf

obviously "font.otf" would be your own font.

Once you have this you will need to make a stylesheet for the css of the font-face.

In your page you want to have the link to it by doing as follows in your <head> tags:

<link href="fonts/fontfolder/stylesheet.css" media="all" rel="stylesheet" type="text/css" />
Below, would be what you would put as the font-family in your main css styles.
font-family: 'fonthere', Georgia, Palatino, Times New Roman, serif; Once this is done, it should all work perfectly if you have everything in the right place.
Hope this explained it a little better for you.