Conversor de texto em caminho SVG
Converta texto em caminhos de contorno SVG usando a sua própria fonte TTF, OTF, WOFF ou WOFF2. Defina o tamanho, o espaçamento entre letras, a altura de linha e o alinhamento e depois copie ou baixe o SVG — sem upload.
🔒 Executa completamente no seu navegador — nada é enviadoDrop a font here or click to browse
TTF, OTF, WOFF or WOFF2. The font never leaves your device.
Load a font to see the SVG preview.
Transforme qualquer texto em contornos vetoriais
Este conversor recebe um arquivo de fonte e um texto e produz um SVG em que cada letra é um caminho vetorial. O resultado já não depende de a fonte estar instalada, por isso tem exatamente o mesmo aspecto em todos os dispositivos e em todos os programas. Isso torna o texto convertido em contornos ideal para logotipos, ícones, imagens para redes sociais, adesivos e assinaturas de e-mail, bem como para máquinas que só entendem formas, como cortadoras a laser, plotters de recorte de vinil, fresadoras CNC e software de bordado.
As opções de layout funcionam como um pequeno motor de texto. Defina o tamanho da fonte em pixels, aumente ou reduza o espaçamento entre letras em milésimos de em, escolha a altura de linha para texto com várias linhas e alinhe as linhas à esquerda, ao centro ou à direita. Os pares de kerning da fonte são aplicados automaticamente. A cor de preenchimento é escrita no SVG, e você pode reduzir o número de casas decimais para tornar o arquivo menor, o que é útil quando os dados do caminho vão diretamente para HTML, CSS ou um componente React.
Como o SVG é construído
A fonte é analisada com o opentype.js no seu navegador, e cada linha de texto é convertida em comandos de desenho — movimentos, linhas e curvas de Bézier quadráticas ou cúbicas — que correspondem diretamente à sintaxe de caminhos SVG. A ferramenta calcula uma caixa delimitadora justa à volta dos glifos, acrescenta uma pequena margem e define o viewBox, para que o SVG seja redimensionado de forma limpa sem espaço em branco extra. Por padrão, cada linha torna-se o seu próprio elemento path; marque “Merge into a single path” se quiser uma única forma composta. A pré-visualização é o próprio arquivo SVG exibido como imagem, por isso o que vê é exatamente o que baixa.
Nada é enviado: a fonte e o seu texto ficam no seu dispositivo. No entanto, converter texto em contornos conta como utilização da fonte, por isso certifique-se de que a licença abrange os gráficos ou produtos que você cria. A maioria das fontes de código aberto permite-o, tal como muitas licenças comerciais para desktop.
Como usar
- Carregue uma fonteSolte a fonte TTF, OTF, WOFF ou WOFF2 que pretende usar, ou clique na caixa para procurar.
- Digite o seu textoIntroduza uma ou mais linhas de texto. Pressione Enter para criar uma nova linha.
- Ajuste o layoutDefina o tamanho da fonte, o espaçamento entre letras, a altura de linha, o alinhamento, a cor de preenchimento e o número de casas decimais. A pré-visualização é atualizada enquanto digita.
- Copie ou baixeCopie o código SVG ou apenas os dados do caminho, ou baixe um arquivo .svg pronto a usar.
Perguntas frequentes
Por que converter texto em caminhos em vez de usar um elemento de texto SVG?
<text> precisa que a fonte esteja instalada ou carregada onde quer que o arquivo seja exibido. Os caminhos de contorno têm exatamente o mesmo aspecto em todo o lado — em navegadores, ferramentas de design, cortadoras a laser e plotters — sem qualquer arquivo de fonte.