<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js"></script>  
<script type="text/javascript" src="js/cufon.js"></script>  
<script type="text/javascript" src="js/loyal.js"></script>  
<script type="text/javascript">  
    $(function(){  
        Cufon.replace('.classic .font');  
    });  
</script>  
<style type="text/css">  
    .font {  
        font-size: 20px;  
    }  
</style>

@font-face {  
    font-family: 'Loyal';  
    src: url('loyal.ttf');  
}  
.font {  
    font-family: Loyal;  
    font-size: 20px;  
}