2011-11-14 8 views
5

Na moich stronach często używam niestandardowych czcionek z Raphaël .print z .getFont. dla tekstu SVG i CSS3 @ font-face (z czcionką Zestawy wiewiórki) dla zwykłego tekstu. Czy możliwe jest automatyczne zarejestrowanie czcionki z właściwości @ font-face , bez tworzenia JSON-a z Cufonem?zarejestrować czcionkę z Raphael używając CSS3 @ font-face

Widziałam, że w zestawie Font Squirrel jest format („SVG”) wykorzystywane do starego iPhone/iPad („To jest formatem XML wymagane przez urządzenia iOS przed wersji 4.2.”), Może to może być przydatne także na pulpicie ...

Dziękuję

+1

Powinieneś być w stanie ustawić czcionkę w SVG z CSS, tak samo jak w HTML. Nie ma potrzeby używania rzeczywistych czcionek SVG, chyba że chcesz manipulować konturami lub czymś podobnym. Jaki masz kod w tej chwili? – robertc

Odpowiedz

2

Jeśli zdefiniować czcionkę za pomocą @ font-face w css, można następnie zastosować go do paper.text obiektu Raphaël w ten sposób:

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

Nie działa dla mnie w IE8 ... Czy istnieje sposób zadeklarować src (w @ font-face) w pliku css, aby to zadziałało? Czy działa z czcionkami google? – Sucrenoir

+0

Tak, działa z czcionkami google. Muszę przyznać, że używałem tego tylko w przeglądarkach zgodnych z SVG (w tym IE9), podczas gdy IE8 nie jest zgodny z SVG. – Choy