Cufón text replacement is a method implementing fonts to a normal webpage without flash. It is a alternative to sIFR. Best part is that no plug-ins required – only support for javascript. One drawback is that it replaces font very slowly in Internet Explorer, so I hope developer will fix it some day. Before rushing off to make your own website with Cufón, check out my notes.
Step I: Download the javascript file.
Step II: Use this tool. Just choose a font file on local machine, configurate and – BAM – It creates a javascript file, for example myFont_100.font.js
Step III: Upload files to server/local machine. Add following inside head-tag:
<script src=”http://www.example.com/js/cufon-yui.js” type=”text/javascript”></script>
<script src=”http://www.example.com/js/myFont_100.font.js” type=”text/javascript”></script>
<script type=”text/javascript”>
Cufon(‘h1′)(‘h2′)(‘h3′);//for html-tags, replaces all texts inside these tags.
Cufon.replace(‘.cufon’);//for css classes
</script>
And in Body tag for example:
<h1>Hello world!</h1>
<a class=”cufon” href=”http://flash3design.com”>Link</a>
And this to end of page. Just above