2011-11-14 7 views
5

En mis páginas a menudo uso fuentes personalizadas con el .print de Raphaël con .getFont. para texto SVG y CSS3 @ font-face (con kits de ardilla Font ) para texto normal. ¿Es posible registrar automáticamente una fuente desde la propiedad @ font-face , sin crear un JSON con Cufon?registrar una fuente con Raphael usando CSS3 @ font-face

he visto que en el kit de fuente de ardilla está el formato ('SVG') que se utiliza para el viejo iPhone/iPad ("Este es un formato XML requerido por los dispositivos IOS antes versión 4.2.") Tal vez podría ser útil también para el escritorio ...

Gracias

+1

Debería poder configurar la fuente en SVG con CSS, lo mismo que con HTML. No es necesario utilizar fuentes SVG reales a menos que desee manipular los contornos o algo así. ¿Qué código tienes en este momento? – robertc

Respuesta

2

Si se define una fuente utilizando @ font-face en el CSS, a continuación, puede aplicarlo a un objeto paper.text Raphaël de esta manera:

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

No funciona para mí en IE8 ... ¿Hay alguna forma de declarar src (en @ font-face) en el archivo css para que funcione? ¿Funciona con las fuentes de Google? – Sucrenoir

+0

Sí, funciona con las fuentes de Google. Tengo que admitir que solo utilicé esto en navegadores compatibles con SVG (incluido IE9), mientras que IE8 no es compatible con SVG. – Choy

Cuestiones relacionadas