Font-face, Raphael e IE8

Sto cercando disperatamente di ottenere alcuni caratteri di carattere google per lavorare con Raphael (libreria JavaScript di rendering SVG/VML) su IE8.Font-face, Raphael e IE8

Inizialmente ho provato il codice di google font.

Il mio secondo tentativo è stato quello di scaricare e convertire i caratteri per ospitare i miei css più completi. Ora i caratteri vengono visualizzati nella parte html della pagina (all'interno di un menu a discesa di bootstrap modificato), ma non funziona nella tela VML (generata da Raphael).

Esempio qui:

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

E 'possibile ottenere che il lavoro in IE8? Qualche indizio?

fonte

2012-03-17 Sucrenoir

tenta di importare i caratteri 'eot' (Open Type) per vedere se funzionano e ulteriori debug di questo. è documentato in [msdn] (http://msdn.microsoft.com/en-us/library/ms533034 (v = vs.85) .aspx). Sto cercando di capire il problema da un po 'di tempo, e finora è l'unico vantaggio promettente. spero di risolverlo più tardi .. –

sto diventando pessimista, dopo aver letto [qui] (http://dojotoolkit.org/reference-guide/dojox/gfx.html#implementation-notes) che IE aveva abbandonato il supporto per 'font -family' su VML dopo la versione 7. –

anche, controlla [questo thread su 'eot' fonts in IE] (http://stackoverflow.com/questions/5472207/ie-8-problem-with-custom-google- font) e vedere se aiuta. –

Hai provato le procedure in Raphael a registerFont()? Vedi http://raphaeljs.com/reference.html#Raphael.registerFont. Questo dà la procedura per ottenere il font in Raffaello.

Basato su the link in that page, si dovrebbe essere in grado di ottenere supporto VML e quindi funzionalità IE8. Almeno teoricamente; Non l'ho mai fatto, ho appena trovato questa informazione che sembra indicare la direzione in cui vuoi andare.

fonte

2012-03-23 23:26:32 ScottS

Posso confermare che il metodo di ScottS funziona, ma non ho potuto adattare queste istruzioni nel campo dei commenti della sua risposta.

Istruzioni per ottenere font personalizzati di lavorare in Raphael utilizzando Cufon:

Vai alla Cufón website in cui è possibile convertire un tipo di carattere per forme dei tracciati.
Carica il tuo carattere personalizzato, scegli il nome di un font e fai clic sull'icona Raphael in "Personalizzazione per script di terze parti".
Invia il modulo e scarica il file Javascript che si apre.
Includi questo Javascript sotto il Raphael Javascript include.
Register the font con Raffaello come questo, dove fontname è il nome del tipo di carattere che si è specificato nel passaggio 2: var myfont = paper.getFont('fontname');
Use your font come questo in Raphael: paper.print(100, 100, 'Hello World', myfont, 100);

prestazioni non è grande rispetto al Paper.text, ma funziona in IE6 e fino.

fonte

2012-07-10 13:40:57 Blaise

Roba buona - funziona come un incantesimo, e sì - le prestazioni sono peggiori. Un'altra differenza è che Paper.text centra il testo attorno al punto specificato. Paper.print lo rende solo da questo punto. – Karol

Inoltre, penso che la risposta sia stata accettata in quanto non c'è altro modo per far funzionare i caratteri personalizzati con Raffaello. – Karol

risposta

Problemi correlati