AJAX/PHP generated image using a Server Based TTF

Phont, is a AJAX/PHP Text Replacement tool

The elements that you want to style will be replaced with an image representation of that text styled with your custom font. And since the text is retrieved directly from the page, you do not have to worry about updating any images when text changes -- it is all done automatically!

Phont, is also very SEO friendly!

Your text does not get replaced in the source code at all! its Visual Only

Source:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
    "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html lang="en">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Phont</title>
<link href="style.css" rel="stylesheet" type="text/css" />
<script type="text/javascript" src="phont.js"></script>
<script type="text/javascript" src="curvycorners.src.js"></script>

</head>
</body>
<div id="container">
    <div id="header">
        <h1 class="phont red">Phont</h1>
    </div>
    <div id="navigation">
        <ul>
            <li><a href="#" class="phont white">Home</a></li>
            <li><a href="#" class="phont white">About</a></li>
        </ul>
    </div>
    <div id="content">
        <h2 class="phont even works with mutliple classes" style="font-family: 28_Days_Later">
        AJAX/PHP generated image using a Server Based TTF
        </h2>
        <h3 class="phont">Phont, is a AJAX/PHP Text Replacement tool</h3>
        <p class="phont" style="font-family:Bleeding_Cowboys;"> The elements that you want to style will be replaced with an image representation of that 
        text styled with your custom font. And since the text is retrieved directly from the page, you do not have
        to worry about updating any images when text changes -- it is all done automatically!</p>
        <h5 class="phont blue">Phont, is also very SEO friendly!</h5>
        <p>Your text does not get replaced in the source code at all! its Visual Only</p>
        <p class="phont">
        Source:
        </p>
        <hr>
        <p>
        <?php highlight_file('index.php'); ?>
        </p>
    </div>
    <div id="footer">
    <h5 class="phont red" style="font-family:Bleeding_Cowboys;">Phont</h5>
    <p>Copyright &copy; 2011</p>
    </div>
</div>
</body>
</html>