I use a combination of the below:
embed @font-face
Google Web Fonts API

You can refer to guides at A List Apart and their nice article on ‘Fonts at the Crossing‘. But for convenience’s sake I’ll just list a short guide here.

I use the Font Squirrel Font Generator to generate font formats (EOT, SVG, TTF, WOFF) and upload them to my own hosting, then link them via a @font-face tag in the CSS code I embed them on the page.

The code goes as follows:

@font-face {
    font-family: 'MyFontFamily';
    src: url('myfont-webfont.eot?') format('eot'),
         url('myfont-webfont.woff') format('woff'),
         url('myfont-webfont.ttf')  format('truetype'),
         url('myfont-webfont.svg#svgFontName') format('svg');
}

Then I include whatever font as ‘MyFontFamily’ or whatever name you put in the @font-face tag.

@body {
    font: 16px 'MyFontFamily', serif, sans-serif;
}

Just insert whatever font that the Font Squirrel Font Generator churns out for you. It’ll already have a sample CSS text file so there you go.

Another method is via the Google Web Fonts Loader, but the fonts are unfortunately limited. I only use it to load the elegant ‘Yanone Kaffeesatz’. You can find the method here.