Above you can see a styled font from a recent project we did that has been ruined by CSS. We embeded this font using @font-face (which is much more consistent than a js/flash embed). The image above is using the default H3 tag which likes to bolden things and ruin your great looking fonts. The quick fix for this is just to add “font-weight: normal;” to your CSS and you will get results like what you were looking for.
You can find awesome font-kits for free from fontsquirrel.com