Using @font-face

@font-face { font-family: 'MyWebFont'; 
 src: url('webfont.eot'); /* IE9 Compat Modes */ 
 src: url('webfont.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */ 
 url('webfont.woff') format('woff'), /* Modern Browsers */ 
 url('webfont.ttf') format('truetype'), /* Safari, Android, iOS */ 
 url('webfont.svg#svgFontName') format('svg'); /* Legacy iOS */ 
}
body { font-family: 'MyFontFamily', Fallback, sans-serif; }

http://css-tricks.com/snippets/css/using-font-face/

To convert .ttf to .eot font:
http://ttf2eot.sebastiankippe.com/
http://www.kirsle.net/wizards/ttf2eot.cgi

To convert .ttf to woff font:
http://orionevent.comxa.com/otf2woff.html