Phông chữ, Raphael và IE8

Question

Tôi đang cố gắng để có được một số khuôn mặt phông chữ google để làm việc với Raphael (thư viện JavaScript dựng hình SVG/VML) trên IE8.

Lúc đầu, tôi đã thử mã phông chữ google.

Lần thử thứ hai của tôi là tải xuống và chuyển đổi phông chữ để lưu trữ css hoàn chỉnh hơn của riêng tôi. Bây giờ các phông chữ hiển thị trong phần html của trang (bên trong trình đơn thả xuống navstrap đã được sửa đổi), nhưng nó không hoạt động trong canvas VML (được tạo bởi Raphael).

Ví dụ ở đây:

http://beta.yetiprint.com/fr/etiquettes-autocollantes/4-etiquettes-couleur-ronde.html

Có thể nhận được rằng làm việc trong IE8? Bất kỳ đầu mối?

Answer 1

Bạn đã thử các thủ tục trong Raphael đến registerFont() chưa? Xem http://raphaeljs.com/reference.html#Raphael.registerFont. Điều đó mang lại cho thủ tục nhận font vào Raphael.

Dựa tắt the link in that page, bạn sẽ có thể nhận hỗ trợ VML và do đó chức năng IE8. Ít nhất về lý thuyết; Tôi chưa bao giờ làm điều đó, tôi chỉ tìm thấy thông tin này dường như chỉ theo hướng bạn muốn đi.

Answer 2

Tôi có thể xác nhận rằng phương pháp của ScottS có hiệu quả, nhưng tôi không thể phù hợp với các hướng dẫn này trong trường nhận xét của câu trả lời của anh ấy.

Hướng dẫn nhận được phông chữ tùy chỉnh để làm việc trong Raphael bằng cách sử dụng Cufón:

1. Chuyển đến Cufón website nơi bạn có thể chuyển đổi một phông chữ để hình dạng con đường.
2. Tải lên phông chữ tùy chỉnh của bạn, chọn tên phông chữ và nhấp vào biểu tượng Raphael tại "Tùy chỉnh cho tập lệnh của bên thứ ba".
3. Gửi biểu mẫu và tải xuống tệp Javascript bật lên.
4. Bao gồm Javascript này bên dưới Javascript Raphael bao gồm.
5. Register the font với Raphael như thế này, nơi fontname là tên của phông chữ của bạn mà bạn chỉ định ở bước 2: var myfont = paper.getFont('fontname');
6. Use your font như thế này trong Raphael: paper.print(100, 100, 'Hello World', myfont, 100);

Hiệu suất là không lớn so với Paper.text, nhưng nó hoạt động trong IE6 trở lên.