Cufon เป็นห้องสมุดจาวาสคริปต์แทนที่ข้อความ ไม่เกี่ยวข้องกับ sIFR ใน codebase แต่ทำสิ่งเดียวกันโดยไม่จำเป็นต้องใช้ไฟล์ Flash การตั้งค่าใช้เวลาประมาณ 5 นาทีจากนั้นคุณไม่จำเป็นต้องแตะอีกครั้ง ไม่ง่ายกว่านี้และอาจส่งผลกระทบอย่างใหญ่หลวงต่อวิธีการดูเว็บไซต์ของคุณ
มันทำงานอย่างไร
ขั้นตอนแรกคือการส่งแบบอักษรของคุณผ่านเว็บไซต์ Cufon พวกเขาประมวลผลแบบอักษรเป็นแบบอักษร SVG (กราฟิกแบบเวกเตอร์ที่ปรับขนาดได้) จากนั้นพา ธ จะได้รับการประมวลผลเป็น VML (ภาษามาร์กอัปเวกเตอร์) ซึ่งเพิ่มความเร็วของ Cufon ใน IE อย่างมาก ข้อมูลที่ได้จะถูกเข้ารหัสลงใน JSON และส่งผ่านไปยังฟังก์ชันที่กำหนดไว้สำหรับการประมวลผลของ Cufon และนั่นคือสิ่งที่เวทมนต์เกิด
ตัวอย่าง Cufon
ขั้นแรกไปที่เว็บไซต์ Cufon และส่งไฟล์แบบอักษรของคุณเพื่อดำเนินการ มันจะคายไฟล์. js ให้คุณดาวน์โหลด คุณต้องมีไฟล์นี้เพื่อให้ Cufon แปลข้อความเป็นแบบอักษรที่คุณเลือก
ถัดไปรวมทั้งไฟล์ cufon-yui.js และไฟล์ฟอนต์ javascript ที่สร้างขึ้น สุดท้ายคือการห่อข้อความในคลาสและเริ่มต้นการแทนที่ Cufon รอบ ๆ ชื่อคลาสนั้น รหัสเต็มด้านล่าง:
นี่คือข้อความในแบบอักษร Molot
ผลลัพธ์ใน:
นี่คือข้อความในแบบอักษร Molot
Cufon Lineheight
เกิดปัญหากับเบราว์เซอร์ทั้งหมดที่มีความสูงบรรทัดซึ่งอาจไม่สามารถแก้ไขได้
Cufon.now ()
ขอแนะนำว่าเพื่อประสบการณ์การรับชมที่ดีขึ้นบน IE ที่คุณเรียกใช้ฟังก์ชัน Cufon.now () ก่อนแท็ก body สิ่งนี้จะเป็นการดูแล blip ชั่วขณะที่อาจเกิดขึ้นเมื่อเพจโหลดและจากนั้นโหลดฟอนต์
