registra un font con Raffaello usando CSS3 @ font-face

Nelle mie pagine uso spesso font personalizzati con Raphaël .print con .getFont. per il testo SVG e CSS3 @ font-face (con Font Kit scoiattolo) per testo normale. È forse possibile registrare automaticamente un carattere dalla proprietà @ font-face , senza creare un JSON con Cufon?registra un font con Raffaello usando CSS3 @ font-face

ho visto che nel kit di Font Squirrel c'è il formato ('SVG') utilizzata per il vecchio iPhone/iPad ("Questo è un formato XML richiesto da dispositivi iOS prima versione 4.2.") Forse potrebbe essere utile anche per il tavolo ...

Grazie

fonte

2011-11-14 Mik

Dovresti solo essere in grado di impostare il carattere in SVG con CSS, lo stesso che con HTML. Non è necessario utilizzare i font SVG effettivi a meno che non si vogliano manipolare i contorni o qualcosa del genere. Che codice hai in questo momento? – robertc

Se si definisce un tipo di carattere utilizzando @ font-face nel CSS, è possibile applicarlo a un oggetto paper.text Raphaël in questo modo:

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

fonte

2011-12-11 00:58:39 Choy

Non funziona per me in IE8 ... C'è un modo per dichiarare src (in @ font-face) nel file css affinché funzioni? Funziona con i caratteri di google? – Sucrenoir

Sì, funziona con i caratteri di google. Devo ammettere che l'ho usato solo su browser compatibili con SVG (incluso IE9), mentre IE8 non è compatibile con SVG. – Choy

registra un font con Raffaello usando CSS3 @ font-face

risposta

Problemi correlati