Style Fonts dengan Pengganti Font Cufon

Cufon adalah perpustakaan javascript pengganti teks. Ini tidak berhubungan dengan sIFR dalam basis kode, tetapi menyelesaikan hal yang sama tanpa perlu file Flash. Pengaturannya membutuhkan waktu sekitar 5 menit dan kemudian Anda tidak perlu menyentuhnya lagi. Tidak dapat lebih mudah dan dapat berdampak besar pada tampilan situs web Anda.

Bagaimana itu bekerja

Langkah pertama adalah mengirimkan font Anda melalui situs web Cufon. Mereka mengolah font menjadi font SVG (scalable vector graphics). Kemudian jalur yang didapat diproses ke VML (vector markup language), yang sangat meningkatkan kecepatan Cufon di IE. Data yang dihasilkan kemudian dikodekan ke dalam JSON dan diteruskan ke fungsi yang ditetapkan Cufon untuk diproses, dan disitulah keajaiban terjadi.

Contoh Cufon

Pertama, buka situs web Cufon, dan kirimkan file font Anda untuk diproses. Ini akan memuntahkan file .js untuk Anda unduh. Anda harus memiliki file ini agar Cufon menerjemahkan teks ke dalam font pilihan Anda.

Selanjutnya, sertakan file cufon-yui.js dan file javascript font yang dihasilkan. Terakhir hanya membungkus beberapa teks di kelas, dan memulai penggantian Cufon di sekitar nama kelas itu. Kode lengkap di bawah ini:

 $ (document) .ready (function () {Cufon.replace ('. molot');)); Ini adalah teks dalam font Molot 

Hasil dalam:
Ini adalah teks dalam font Molot

Cufon Lineheight

Ada masalah yang diketahui dengan semua browser dengan ketinggian garis yang mungkin tidak akan diperbaiki

Cufon.now ()

Disarankan agar pengalaman menonton yang lebih baik di IE yang Anda sebut fungsi Cufon.now () tepat sebelum tag body. Ini menangani blip sementara yang mungkin terjadi saat halaman dimuat dan kemudian font dimuat.

 Cufon.now () 

Masalah IE9

Pada posting ini, ada beberapa masalah dengan versi IE9 tertentu, saya tahu bahwa mereka sedang berusaha menyelesaikannya dan berharap segera merilis untuk memperbaiki masalah ini.

Lihat Juga