Texto para Caligrafia

Continuar na ferramenta

Mais páginas desta ferramenta

caligrafia SVG para convite

Caligrafia SVG para convite: texto como traço vetorial

Um convite de casamento ou de festa pede uma caligrafia elegante que abra igual em qualquer computador, e a saída em SVG resolve isso convertendo cada letra num traço vetorial fechado, não numa referência a uma fonte instalada; esta página explica a diferença técnica entre `<text>` e `<path>` dentro de um SVG e por que ela importa para peças impressas.

Por que `<path>` substitui `<text>` num convite

Um elemento `<text>` dentro de um SVG só desenha a letra certa se a fonte referenciada estiver instalada ou carregada no dispositivo que abre o arquivo; se a gráfica que vai imprimir o convite não tiver a mesma fonte cursiva instalada, o visualizador troca a letra por uma fonte substituta padrão do sistema, mudando completamente o visual planejado. Um elemento `<path>`, em vez disso, guarda o contorno exato de cada glifo como uma sequência de curvas de Bézier na propriedade `d`, então o desenho abre idêntico em qualquer máquina, sem depender de nenhuma fonte estar presente.
O processo de converter texto em traço se chama outline ou converter em curvas: o programa lê a fonte cursiva escolhida, localiza o contorno vetorial de cada caractere e escreve esse contorno como pontos de controle dentro do atributo `d` do `<path>`. É a mesma técnica usada por gráficas para preparar logotipos antes de enviar para impressão offset, porque elimina o risco de a fonte estar ausente na máquina do fornecedor final.
Essa segurança tem dois custos técnicos: o arquivo fica mais pesado, porque em vez de referenciar o nome da fonte em poucos bytes, o SVG agora carrega coordenadas de curva para cada letra da frase inteira; e o texto deixa de ser texto de verdade, então um leitor de tela não consegue ler o convite em voz alta a partir do `<path>`, a menos que você adicione um `<title>` ou `aria-label` com a frase original ao lado do desenho vetorial.

Do texto digitado ao path SVG

Frase curta de convite

Entrada: Você é nosso convidado
Saída esperada: SVG com <path> por letra, cor de tinta #2c2419, sem dependência de fonte

Frases curtas de até seis ou sete palavras preservam o espaçamento cursivo original, porque cada letra guarda sua curva de conexão exata com a vizinha.

Frase longa quebrando linha

Entrada: Celebre este momento especial conosco no dia 12 de dezembro
Saída esperada: SVG multilinha com quebra automática antes do `path` de cada linha

Frases longas exigem quebra de linha calculada antes da conversão, porque um `<path>` já fechado não reflui como texto quando a largura do convite muda.

Exportação para impressão offline

Entrada: arquivo SVG final, sem fonte externa referenciada
Saída esperada: arquivo pronto para abrir em qualquer editor vetorial sem instalar fonte

Uma gráfica externa abre o arquivo e vê o traço exato desenhado na tela original, mesmo sem ter a fonte cursiva usada instalada na própria máquina.

FAQ da ferramenta completa

Isso gera escrita humana real?

Não. A ferramenta cria um preview estilizado com fontes cursivas e SVG, sem IA nem biometria. Letras iguais saem idênticas, porque é uma fonte, não a variação de uma mão humana.

Por que a caligrafia muda entre dispositivos?

Serve como assinatura?

Quando usar texto manuscrito?

O SVG preserva a fonte?

Posso editar no vetor?

A ferramenta usa fontes enviadas por mim?

O texto é registrado em analytics?

Perguntas frequentes

Por que meu convite muda de fonte quando abro em outro computador?

Porque o SVG provavelmente foi salvo com um elemento `<text>` referenciando o nome da fonte cursiva em vez de converter as letras em `<path>`; sem a fonte instalada na máquina que abre o arquivo, o visualizador substitui automaticamente por uma fonte padrão do sistema, que não tem o mesmo traço.

Um SVG de caligrafia em path fica muito mais pesado que um com fonte?

Fica, porque em vez de um nome de fonte de poucos bytes o arquivo passa a guardar as coordenadas de curva de cada letra da frase inteira; um convite de uma linha costuma crescer de poucos kilobytes para dezenas de kilobytes depois da conversão em traço.

O SVG em path continua editável se eu errar uma palavra?

Continua editável como forma vetorial, dá para mover ou apagar um traço com um editor como Inkscape ou Illustrator, mas não editável como texto: não dá para clicar e digitar a palavra certa, é preciso apagar o traço da palavra errada e gerar de novo a partir do texto original.

Preciso me preocupar com acessibilidade num convite em path?

Vale a pena adicionar um `<title>` ou `aria-label` com a frase original dentro do SVG, porque um leitor de tela não interpreta as curvas do `<path>` como letras; sem esse rótulo, a peça fica visualmente completa mas invisível para quem depende de leitor de tela.

Próximos passos

Continuar na ferramenta

Abrir ferramenta completa

caligrafia SVG para convite

Caligrafia SVG para convite: texto como traço vetorial

Por que `<path>` substitui `<text>` num convite

Um elemento `<text>` dentro de um SVG só desenha a letra certa se a fonte referenciada estiver instalada ou carregada no dispositivo que abre o arquivo; se a gráfica que vai imprimir o convite não tiver a mesma fonte cursiva instalada, o visualizador troca a letra por uma fonte substituta padrão do sistema, mudando completamente o visual planejado. Um elemento `<path>`, em vez disso, guarda o contorno exato de cada glifo como uma sequência de curvas de Bézier na propriedade `d`, então o desenho abre idêntico em qualquer máquina, sem depender de nenhuma fonte estar presente.

O processo de converter texto em traço se chama outline ou converter em curvas: o programa lê a fonte cursiva escolhida, localiza o contorno vetorial de cada caractere e escreve esse contorno como pontos de controle dentro do atributo `d` do `<path>`. É a mesma técnica usada por gráficas para preparar logotipos antes de enviar para impressão offset, porque elimina o risco de a fonte estar ausente na máquina do fornecedor final.

Essa segurança tem dois custos técnicos: o arquivo fica mais pesado, porque em vez de referenciar o nome da fonte em poucos bytes, o SVG agora carrega coordenadas de curva para cada letra da frase inteira; e o texto deixa de ser texto de verdade, então um leitor de tela não consegue ler o convite em voz alta a partir do `<path>`, a menos que você adicione um `<title>` ou `aria-label` com a frase original ao lado do desenho vetorial.

Do texto digitado ao path SVG

Frase curta de convite

Entrada: Você é nosso convidado
Saída esperada: SVG com <path> por letra, cor de tinta #2c2419, sem dependência de fonte

Frases curtas de até seis ou sete palavras preservam o espaçamento cursivo original, porque cada letra guarda sua curva de conexão exata com a vizinha.

Frase longa quebrando linha

Entrada: Celebre este momento especial conosco no dia 12 de dezembro
Saída esperada: SVG multilinha com quebra automática antes do `path` de cada linha

Frases longas exigem quebra de linha calculada antes da conversão, porque um `<path>` já fechado não reflui como texto quando a largura do convite muda.

Exportação para impressão offline

Entrada: arquivo SVG final, sem fonte externa referenciada
Saída esperada: arquivo pronto para abrir em qualquer editor vetorial sem instalar fonte

Uma gráfica externa abre o arquivo e vê o traço exato desenhado na tela original, mesmo sem ter a fonte cursiva usada instalada na própria máquina.

FAQ da ferramenta completa

Isso gera escrita humana real?

Não. A ferramenta cria um preview estilizado com fontes cursivas e SVG, sem IA nem biometria. Letras iguais saem idênticas, porque é uma fonte, não a variação de uma mão humana.

Por que a caligrafia muda entre dispositivos?

Serve como assinatura?

Quando usar texto manuscrito?

O SVG preserva a fonte?

Posso editar no vetor?

A ferramenta usa fontes enviadas por mim?

O texto é registrado em analytics?

Perguntas frequentes