Use CSS 3 and embed a font-face! There is also the quick + / - guide to which browsers support the herein effect. In order to use a font, we first must call it using the ‘@font-face’ command. This must be done for each individual font we wish to use.

FIRST THOUGH, lets take a quick history lesson as again in our series we are using a bit of language that is not strictly speaking ‘CSS 3′. The @font-face command has actually been around since CSS 2 and although not appearing in CSS 2.1, CSS 3 it is attempting to bring it into the standards.

Although I’m sure you have a few, you can download some fonts to play with here at dafont.com(they didn’t even pay me for saying that!)

Cross Brower Compatability
As previously mentioned in An introduction to CSS3, not all current browsers support CSS3 yet. Although originally a CSS 2 language, the only browser that currently supports us embedding fonts is Safari.
All articles in the CSS3 will be updated to show future support & development.

NOTE: Your browser does take a moment to load the font file so this is by no means the quickest way… images will more than likely still hold a place in our hearts for fancy font headings.

CSS 3 Embedded Font Face