2011-11-14 22 views
5

Trong các trang của tôi, tôi thường sử dụng phông chữ tùy chỉnh có dấu Raphaël. .getFont. cho văn bản SVG và CSS3 @ font-face (với Phông chữ bộ dụng cụ Squirrel) cho văn bản bình thường. Có thể tự động đăng ký phông chữ từ thuộc tính @ font-face mà không cần tạo JSON với Cufon không?đăng ký phông chữ với Raphael bằng cách sử dụng CSS3 @ font-face

Tôi thấy rằng trong bộ công cụ Font Squirrel có định dạng ('svg') được sử dụng cho iPhone/iPad ("Đây là định dạng XML theo yêu cầu của thiết bị iOS trước phiên bản 4.2.") Có thể nó cũng hữu ích cho máy tính để bàn ...

Cảm ơn bạn

+1

Bạn chỉ có thể đặt phông chữ trong SVG bằng CSS, giống như với HTML. Không cần phải sử dụng phông chữ SVG thực tế trừ khi bạn muốn thao tác các phác thảo hoặc một cái gì đó. Bạn có mã gì vào lúc này? – robertc

Trả lời

2

Nếu bạn xác định một phông chữ sử dụng @ font-face trong css của bạn, sau đó bạn có thể áp dụng nó cho một đối tượng paper.text Raphaël theo cách này:

var someText = paper.text(0, 0, 'this is some text');   
someText.attr({'font-family':'myCustomFont'}); 
+0

Không hoạt động với tôi trong IE8 ... Có cách nào để khai báo src (trong @ font-face) trong tệp css để làm việc đó không? Nó hoạt động với phông chữ google? – Sucrenoir

+0

Có nó hoạt động với phông chữ google. Tôi phải thừa nhận, tôi chỉ sử dụng điều này trên các trình duyệt tương thích SVG (bao gồm IE9), trong khi IE8 không tương thích với SVG. – Choy

Các vấn đề liên quan