Want to get away from ‘Web Safe’ fonts for some attractive headers AND do it without using an image? Use CSS 3 and embed a font-face! @font-face is not strictly speaking ‘CSS3′; it was originally born in CSS 2 and although not appearing in CSS 2.1, CSS 3 is attempting to bring it into the standards.
In order to use a font, we first must call it using the ‘@font-face’ attribute and this must be done for each individual font we wish to use. Although I’m sure you have a few, you can download some fonts to experiment with here, at dafont.com.
In order to embed a font for use in CSS, you need to use the @font-face CSS.
Each @font-face font kit come with:
NOTE: If you download a @font-face kit from this page, you will get the MacRoman subset. If you would like a different subset, click the “View Font” link and choose the @font-face kit there. You will have a lot more options.
A good website to get prepackaged fonts for @font-face use is www.fontsquirrel.com/fontface. You can also download fonts from dafont.com and use converter in order to turn true type fonts into open type fonts.