Dengan menggunakan Cufón anda bisa menampilkan Font/Huruf apa saja yang digemari untuk bisa di tampilkan di website pada komputer lainnya tanpa kawatir lagi untuk bisa tampil di komputer pengguna lain. Cufón istilah kerennya adalah Fast text replacement with canvas and VML tanpa menggunakan Flash atau Image. Cufon berbeda dengan sIFR yang menggunakan flash, tetapi Cufón hanya berupa javascript.
Membuat Template dengan text Cufon menjadikan pemilik web dapat menggantikan font pada template web mereka dengan huruf variasi dari kesukaan mereka. Ini membolehkan mereka memiliki web/blog dengan font yang unik berbanding menggunakan font standard seperti Arial, Tahoma, Times New Roman, Lucida Sans ataupun Verdana, dll.
Berikut cara pemakaian Cufon pada halaman website anda:
Download dulu file javascript cufon dari website cufon. Cufon dengan yui compressor
Gunakan fasilitas font generator pada website cufon untuk meng-convert font agar dapat digunkan bersama cufon.
Penggunaan / pemasangan script cufon:
1. Tambahkan Script Cufón di <header> </header> halaman website anda (sebelum tag body):
<script type="text/javascript" src="/js/cufon-yui.js"></script>
<script type="text/javascript" src="/js/NamaFont.font.js"></script>
2. Tambahkan & sesuaikan juga Code CSS Untuk mengaktifkan effect Cufon :
Contoh CSS dibawah ini untuk membuat Text Shadow :
<script type="text/javascript">
Cufon.replace('h1', {textShadow: '#fff -1px -1px, #333 1px 1px'});
Cufon.replace('h2', { textShadow: '#000 1px 1px, #666 -1px -1px' });
Cufon.replace('h3', {textShadow: '#000 1px 1px, #999 -1px -1px' });
</script>
Contoh CSS dibawah ini untuk membuat Effect Gradiasi huruf :
Cufon.replace('h1', { color: '-linear-gradient(white, black)'
});
Cufon.replace('h2', {color: '-linear-gradient(red, #fff, #23d559, rgb(0, 0, 0))'
});
Ganti dan sesuaikan code warna sesuai keinginan.