Convertir texto a SVG

Qué recibes

Un trazado por glifo, con la regla de relleno, el relleno y el trazo que hayas definido, y la opción de dar a cada glifo su propio id para dirigirte a las letras individualmente desde CSS o JavaScript. Suelda los contornos en su lugar cuando quieras un único trazado para toda la palabra: la forma que suelen preferir una cortadora o un sistema de iconos.

Moldeado correcto, no una simple búsqueda de glifos

El texto se moldea con HarfBuzz, el motor que usan los propios navegadores, así que los pares de kerning y las ligaduras se aplican y las escrituras complejas se comportan: las letras árabes enlazan, los grupos índicos se reordenan. También se exponen los ejes de fuentes variables y las características OpenType, de modo que puedes ajustar un peso o un conjunto estilístico antes de vectorizar.

Usa tu propia fuente

El catálogo cubre más de 1.900 familias de código abierto, y en su lugar puedes soltar tu propio TTF u OTF. Las fuentes subidas se leen en la pestaña y nunca se envían a ningún sitio, lo que además significa que una fuente comercial con licencia se queda en tu equipo.

Preguntas

¿Por qué no dejar el texto como <text>?

Porque no se verá igual dos veces. Una fuente que falta se sustituye en silencio, y una webfont añade una petición y un parpadeo de texto sin estilo. Los trazados son geometría fija: merece la pena siempre que el archivo sea un logotipo, un icono o vaya destinado a una máquina.

¿El texto sigue siendo buscable o accesible?

Ya no tras vectorizar. Conserva el texto en un aria-label o en un elemento title de tu marcado, y guarda un original editable para cambios posteriores.

¿Puedo usar mi propia fuente con licencia?

Sí: sube un TTF u OTF. Se analiza en el navegador, así que el archivo nunca sale de tu equipo. Comprueba que la licencia permita vectorizar para el uso que le vas a dar.