Converter texto em SVG

Um SVG que usa um elemento <text> depende de a fonte estar disponível onde for aberto. Converta o texto em dados de traçado e essa dependência some: as formas viajam com o arquivo, então ele aparece idêntico em todo navegador, editor e recortadora — sem nenhuma requisição de webfont.

Converter texto em SVG

O que você recebe de volta

Um traçado por glifo, com a regra de preenchimento, o preenchimento e o traço que você definir, e a opção de dar a cada glifo um id próprio para endereçar letras individualmente em CSS ou JavaScript. Solde os contornos quando quiser um único traçado para a palavra inteira — a forma que uma recortadora ou um sistema de ícones costuma preferir.

Modelagem correta, não simples busca de glifos

O texto é modelado com o HarfBuzz, o motor que os próprios navegadores usam, então pares de kerning e ligaduras se aplicam e escritas complexas se comportam: letras árabes se ligam, agrupamentos índicos se reordenam. Eixos de fontes variáveis e recursos OpenType também ficam expostos, então dá para acertar um peso ou um conjunto estilístico antes de vetorizar.

Use a sua própria fonte

O catálogo cobre mais de 1.900 famílias de código aberto, e você pode soltar seu próprio TTF ou OTF no lugar. Fontes enviadas são lidas na aba e nunca vão a lugar nenhum, o que também significa que uma fonte comercial licenciada fica na sua máquina.

Perguntas

Por que não simplesmente manter o texto como <text>?
Porque ele não vai renderizar igual duas vezes. Uma fonte ausente é substituída em silêncio, e uma webfont acrescenta uma requisição e um piscar de texto sem estilo. Traçados são geometria fixa — vale a pena sempre que o arquivo for um logotipo, um ícone, ou destinado a uma máquina.
O texto continua pesquisável ou acessível?
Não depois de vetorizado. Guarde o texto num aria-label ou num elemento title da sua marcação, e mantenha um original editável para mudanças posteriores.
Posso usar minha própria fonte licenciada?
Sim — envie um TTF ou OTF. Ele é interpretado no navegador, então o arquivo nunca sai da sua máquina. Confira se a licença permite vetorizar para o uso pretendido.