Put in head
Code
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<!-- TemplateBeginEditable name="doctitle" -->
<title>Untitled Document</title>
<!-- TemplateEndEditable -->
<!-- TemplateBeginEditable name="head" -->
<!-- TemplateEndEditable -->
<script src="jquery-1.5.1-cufon-geometric.js" type="text/javascript"></script>
<script type="text/javascript" src="Tenderness.font.js"></script>
<script type="text/javascript">
Cufon.replace('h1', {textShadow: '1px 1px #AAA', hover:true, color: '-linear-gradient(0.2=#ffffff, 0.5=#666666, 0.8=#222222)'});
</script>
</head>
this for replace h1 tag with image style
this for shadow
Code
textShadow: '1px 1px #AAA'
this for gradient
Code
0.2=#ffffff, 0.5=#666666, 0.8=#222222
DEMO
DOWNLOAD