Use your custom TTF font cross-browser
I had some troubles with Font Awesome library and found solution for them in this Stack Overflow answer.
It also contains links to on-line services for converting .ttf files (officially supported in CSS3 only) to .eot, .svg and optionally to .woff, to make your TTF font supported in a large variety of web browsers:
- TTF to EOT: http://www.kirsle.net/wizards/ttf2eot.cgi,
- TTF to SVG: http://www.freefontconverter.com/,
- TTF to WOFF: http://ttf2woff.com/.
After conversion use CSS styles as in mentioned answer to get all things working together.