Typeface.js/cufon/etc were very useful for a while. It's easy to switch to @font-face now: upload your font here http://www.fontsquirrel.com/fontface/generator, it will give you some CSS rules, just use the font name in your styles like `font-family: Histogrem;`.
What you see in your browser is not the actual font. It was first transformed by typeface.js so that people without the font installed could still see what it looks like in their browsers.
Some people have mentioned (seemingly great) alternatives to displaying uninstalled fonts, but I haven't had a chance to try them out.
If you were to view text with the actual font, it would have no problems scaling.