Cufon là một thư viện javascript thay thế văn bản. Nó không liên quan đến sIFR trong codebase, nhưng hoàn thành cùng một thứ mà không cần các tệp Flash. Thiết lập nó mất khoảng 5 phút và sau đó bạn không cần phải chạm vào nó một lần nữa. Không thể dễ dàng hơn và nó có thể có tác động lớn đến cách trang web của bạn trông.
Làm thế nào nó hoạt động
Bước đầu tiên là gửi phông chữ của bạn thông qua trang web của Cufon. Họ xử lý phông chữ thành phông chữ SVG (đồ họa vector có thể mở rộng). Sau đó, các đường dẫn được mua lại được xử lý thành VML (ngôn ngữ đánh dấu vector), làm tăng đáng kể tốc độ của Cufon trong IE. Dữ liệu kết quả sau đó được mã hóa thành JSON và chuyển đến một hàm được định nghĩa của Cufon để xử lý, và đó là nơi phép thuật xảy ra.
Ví dụ về Cufon
Đầu tiên, hãy truy cập trang web của Cufon và gửi tệp phông chữ của bạn để xử lý. Nó sẽ nhổ ra một tệp .js để bạn tải xuống. Bạn phải có tệp này để Cufon dịch văn bản thành phông chữ bạn chọn.
Tiếp theo, bao gồm cả tệp cufon-yui.js và tệp javascript phông chữ được tạo. Cuối cùng là chỉ gói một số văn bản trong một lớp, và khởi tạo một sự thay thế Cufon xung quanh tên lớp đó. Toàn bộ mã dưới đây:
$ (document) .ready (function () {Cufon.replace ('. molot');}); Đây là văn bản trong phông chữ Molot Kết quả trong:
Đây là văn bản trong phông chữ Molot
Cufon Lineheight
Đã xảy ra sự cố với tất cả các trình duyệt có chiều cao dòng có thể sẽ không được khắc phục
Cufon.now ()
Chúng tôi khuyên bạn nên có trải nghiệm xem tốt hơn trên IE mà bạn gọi hàm Cufon.now () ngay trước thẻ body. Điều này sẽ chăm sóc một blip tạm thời khác có thể xảy ra khi tải trang và sau đó phông chữ được tải.
Cufon.now ()
Vấn đề IE9
Theo bài đăng này, đã có một số vấn đề với một số phiên bản IE9 nhất định, tôi biết rằng họ đang làm việc để giải quyết chúng và hy vọng sớm có bản phát hành để khắc phục những vấn đề này.
