It would be safer to use these as images instead.

The Concept
In principle, the concept is very simple. We write a short string of text (eg. “Hello world!”) and surround it with two sets of basic HTML tags. Then we use CSS to hide the HTML text and display a background image containing the exact same words instead of the original text.

jegelstaff wrote:
I'm not sure you'd want to do this for the whole site, but for headings there are image creation functions in PHP that can work beautifully with TTF fonts. A discussion of that approach can be found here:

http://www.alistapart.com/articles/dynatext/

--Julian

For example, loading the URL heading.php?text=URLs%20Are%20Fun will produce a graphic that reads “URLs Are Fun.”

This Part Worked Perfect..................

Weighing in at a hefty eight kilobytes, there’s a lot of stuff going on in this corner of the ring, but there are only two lines that need to be customized before the script will work.

replaceSelector("h2","heading.php",true);
var testURL = "test.png";

The replaceSelector function accepts three parameters: The first is the CSS-style selector that indicates which elements should be replaced. This selector may be almost any valid CSS selector, including id, class, element and attribute selectors.

.......Once these lines are set correctly, you can upload the JavaScript file to your web server, and apply it to your web pages by adding the following line to their tags.

< script
type="text/JavaScript"
src="replacement.js">
< /script>

Make sure the src attribute in that line points to the location that you uploaded the JavaScript file to.