2011-11-14 17 views
5

Sayfalarımda sıklıkla Raphaël .print ile özel fontları kullanıyorum: .getFont. Normal metin için SVG metni ve CSS3 @ font-face (Yazı Tipi Sincap kitleri ile) için. Cufon ile bir JSON oluşturmadan @ font-yüz özelliğinden bir yazı tipini otomatik olarak kaydetmek mümkün olabilir mi?CSS3 @ font-face kullanarak Raphael ile bir yazı tipi kaydetme

ben Yazı Sincap kiti eski iPhone/iPad için kullanılan biçim ('svg') var olduğunu görmüş ("Bu sürümü 4.2 önce iOS cihazlar gerektirdiği bir XML formatıdır.") Belki de yararlı olabilir Eğer css @ font-face 'kullanarak bir yazı tanımlarsanız masaüstü için ...

size

+1

Sadece SVG ile yazı tipini CSS ile ayarlayabilmelisiniz, HTML ile aynı. Ana hatları veya işlemleri değiştirmek istemediğiniz sürece, gerçek SVG yazı tiplerini kullanmanıza gerek yoktur. Şu anda hangi kod var? – robertc

cevap

2

ederiz, daha sonra bu şekilde bir Raphaël paper.text nesnesine uygulayabilirsiniz:

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

IE8'de benim için çalışmıyor ... Bunun için css dosyasında src (@ font-face) bildirmenin bir yolu var mı? Google yazı tipleri ile çalışıyor mu? – Sucrenoir

+0

Evet, google yazı tipleri ile çalışır. İtiraf etmeliyim ki, bunu sadece SVG uyumlu tarayıcılarda kullandım (IE9 dahil), IE8 ise SVG uyumlu değil. – Choy

İlgili konular