2012-03-17 15 views
6

Próbuję desesperatly uzyskać niektóre twarze czcionki Google do pracy z Raphael (biblioteka JavaScript renderowania SVG/VML) na IE8.Czcionka twarz, Raphael i IE8

Najpierw wypróbowałem kod czcionki Google.

Moja druga próba polegała na pobraniu i przekonwertowaniu czcionek na własne, bardziej kompletne css. Teraz czcionki wyświetlają się w części strony HTML (w zmodyfikowanym menu rozwijanym bootstrap), ale nie działa w obszarze roboczym VML (generowanym przez Raphaela).

Przykład tutaj:

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

Czy to możliwe, aby ta pracuje w IE8? Jakaś wskazówka?

+0

spróbuj zaimportować czcionki 'eot' (typ otwarty), aby sprawdzić, czy działają i dalej to debugować. jest udokumentowane w [msdn] (http://msdn.microsoft.com/en-us/library/ms533034 (v = vs.85) .aspx). Od jakiegoś czasu próbuję rozwiązać ten problem i do tej pory jest to jedyny obiecujący trop. Mam nadzieję, że rozwiążę to później .. –

+0

Jestem coraz pesymistyczny, po przeczytaniu [tutaj] (http://dojotoolkit.org/reference-guide/dojox/gfx.html#implementation-notes), że IE zrezygnowało ze wsparcia dla 'fontu -family' na VML po wersji 7. –

+1

również, sprawdź [ten wątek na fontach 'eot' w IE] (http://stackoverflow.com/questions/5472207/ie-8-problem-with-custom-google- czcionka) i zobacz, czy to pomaga. –

Odpowiedz

3

Czy próbowałeś procedur w Raphael do registerFont()? Zobacz http://raphaeljs.com/reference.html#Raphael.registerFont. To daje procedurę pobierania czcionki na Raphaela.

Na podstawie the link in that page, powinieneś być w stanie uzyskać obsługę VML, a tym samym funkcjonalność IE8. Przynajmniej teoretycznie; Nigdy tego nie robiłem, właśnie znalazłem tę informację, która wydaje się wskazywać kierunek, w którym chcesz iść.

5

Mogę potwierdzić, że metoda Scotta działa, ale nie mogłem dopasować tych instrukcji do pola komentarza w jego odpowiedzi.

Instrukcje dotyczące uzyskiwania niestandardowe czcionki do pracy w Raphael używając Cufon:

  1. Przejdź do Cufón website gdzie można przekonwertować czcionkę do kształtów ścieżek.
  2. Załaduj niestandardową czcionkę, wybierz nazwę czcionki i kliknij ikonę Rafael w "Dostosowywanie skryptów innych firm".
  3. Prześlij formularz i pobierz plik JavaScript, który się pojawi.
  4. Dołącz tę poprawkę Javascript poniżej Raphael Javascript include.
  5. Register the font z Raphael jak ten, gdzie fontName jest nazwa czcionki, który został określony w punkcie 2: var myfont = paper.getFont('fontname');
  6. Use your font tak w Raphael: paper.print(100, 100, 'Hello World', myfont, 100);

Wydajność nie jest super w porównaniu do Paper.text, ale działa w IE6 i wyżej.

+0

Dobre rzeczy - działa jak urok, i tak - wydajność jest gorsza. Kolejną różnicą jest to, że Paper.text centruje tekst wokół wskazanego punktu. Paper.print właśnie pokazuje to od tego momentu. – Karol

+1

Sądzę, że to shuold być akceptowaną odpowiedzią, ponieważ nie ma innego sposobu, aby niestandardowe czcionki działały z Raphaelem. – Karol