CSS Quick Tip: When Good Fonts Go Bad

Custom Font Bold

Font gone bad!

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.

Custom Font Normal

How the font should display

More Help:
You can find awesome font-kits for free from fontsquirrel.com