แบบอักษรที่มีการเปลี่ยนแบบอักษร Cufon

Cufon เป็นไลบรารี JavaScript javascript ทดแทน มันไม่เกี่ยวข้องกับ sIFR ใน codebase แต่สำเร็จในสิ่งเดียวกันโดยไม่ต้องใช้ไฟล์ Flash การตั้งค่าใช้เวลาประมาณ 5 นาทีและคุณไม่จำเป็นต้องแตะอีกครั้ง ไม่สามารถทำได้ง่ายขึ้นและอาจมีผลกระทบอย่างมากต่อลักษณะทางเว็บไซต์ของคุณ

มันทำงานอย่างไร

ขั้นตอนแรกคือการส่งแบบอักษรของคุณผ่านทางเว็บไซต์ Cufon พวกเขาประมวลผลแบบอักษรเป็นแบบอักษร SVG (scalable vector graphics) จากนั้นเส้นทางจะได้รับการประมวลผลไปยัง VML (ภาษามาร์กอัปแบบเวกเตอร์) ซึ่งจะช่วยเพิ่มความเร็วของ Cufon ใน IE ข้อมูลที่ได้รับจะถูกเข้ารหัสใน JSON และส่งผ่านไปยังฟังก์ชันที่กำหนดไว้สำหรับ Cufon เพื่อประมวลผลและนี่คือที่ซึ่งเวทมนต์เกิดขึ้น

ตัวอย่าง Cufon

ก่อนอื่นให้ไปที่เว็บไซต์ Cufon และส่งไฟล์ font ของคุณเพื่อดำเนินการ มันจะคายออกไฟล์. js เพื่อให้คุณดาวน์โหลด คุณต้องมีไฟล์นี้เพื่อให้ Cufon แปลข้อความเป็นแบบอักษรที่คุณเลือก

ถัดไปรวมทั้งไฟล์ cufon-yui.js และไฟล์ javascript แบบอักษรที่สร้างขึ้น สุดท้ายเป็นการตัดข้อความบางส่วนในชั้นเรียนและเริ่มต้นการแทนที่ Cufon รอบ ๆ ชื่อคลาสนั้น รหัสด้านล่าง:

 $ (document) .ready (function () {Cufon.replace ('. molot');}); นี่เป็นข้อความในตัวอักษร Molot 

ผลลัพธ์ใน:
นี่เป็นข้อความในตัวอักษร Molot

Cufon Lineheight

มีปัญหาเกี่ยวกับเบราเซอร์ทั้งหมดที่มีความสูงของเส้นซึ่งอาจไม่ได้รับการแก้ไข

Cufon.now ()

ขอแนะนำว่าเพื่อให้ได้รับประสบการณ์ในการรับชมที่ดีขึ้นใน IE ที่คุณเรียกใช้ฟังก์ชัน Cufon.now () ทางด้านขวาก่อนแท็ก body นี้จะดูแล blip ชั่วขณะอย่างอื่นที่อาจเกิดขึ้นเป็นโหลดหน้าแล้วโหลดตัวอักษร

 Cufon.now () 

ปัญหา IE9

เมื่อโพสต์นี้มีปัญหากับ IE9 บางรุ่นฉันรู้ว่ากำลังดำเนินการแก้ไขปัญหาเหล่านี้และหวังว่าจะมีการออกวางจำหน่ายในเร็ว ๆ นี้เพื่อแก้ไขปัญหาเหล่านี้

ดูเพิ่มเติมที่