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 điều tương tự mà không cần đến các tệp Flash. Thiết lập nó mất khoảng 5 phút và sau đó bạn không phải chạm lại. Không thể dễ dàng hơn và nó có thể có tác động lớn đến giao diện trang web của bạn.
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 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 thu thập được xử lý thành VML (ngôn ngữ đánh dấu vector), giúp 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à được chuyển đến hàm do Cufon xác định để xử lý và đó là nơi phép màu xảy ra.
Ví dụ về Cufon
Trước tiên, hãy truy cập trang web Cufon và gửi tệp phông chữ của bạn để xử lý. Nó sẽ nhổ một tập tin .js để bạn tải xuống. Bạn phải có tệp này để Cufon dịch văn bản sang 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 chỉ là gói một số văn bản trong một lớp và bắt đầu thay thế Cufon xung quanh tên lớp đó. Mã đầy đủ bên dưới:
Đâ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
Có một vấn đề đã biết với tất cả các trình duyệt có chiều cao dòng có thể sẽ không được sửa
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 quan tâm đến một đốm sáng nhất thời có thể xảy ra khi trang tải và sau đó phông chữ được tải.