SVG / Lettering

Texto para SVG: contornos e caminhos de fontes

Converta texto em caminhos SVG com fontes latinas incluídas ou um arquivo TTF, OTF ou WOFF local. Ajuste o tamanho, o espaçamento entre letras, a altura da linha, o alinhamento e as cores; depois baixe em SVG ou PNG.

Texto para SVG: contornos e caminhos de fontes: Digite seu texto, escolha uma das fontes incluídas ou carregue seu próprio arquivo TTF, OTF ou WOFF, e as letras serão transformadas em contornos SVG. Assim, o resultado terá a mesma aparência em qualquer lugar, sem que a fonte esteja instalada. Ajuste o tamanho, o espaçamento entre letras, a altura da linha, o alinhamento, o preenchimento e o traço; depois copie o SVG ou baixe em SVG ou PNG. Roda 100% localmente no seu navegador, sem enviar nenhum arquivo para o servidor.

Categoria: Ferramentas para desenvolvedores
Execuções: No seu navegador
Custo: Grátis · sem cadastro
Disponibilidade: Pronto para usar

Texto para caminhos SVGProcessamento local

Roda inteiramente no seu navegador

Carregando fonte…

Suas letras começam aqui.Digite um texto para criar contornos editáveis.

As fontes latinas incluídas usam a licença SIL Open Font Licence. As fontes enviadas permanecem locais; você é responsável pelas respectivas licenças. O kerning está ativado. A composição de scripts complexos depende da fonte e do analisador. As exportações em PNG são limitadas a 4096 pixels no lado mais longo.

Editar formas SVG

Caminhos SVG

A especificação de caminhos do SVG 2 define comandos de caminho e subcaminhos fechados. https://www.w3.org/TR/SVG2/paths.html

Analisador de fontes

As fontes são lidas no seu navegador com o opentype.js 2.0.0, uma biblioteca de código aberto licenciada sob a licença MIT. Arquivos WOFF2 não são compatíveis; converta-os primeiro para WOFF, TTF ou OTF. Alguns recursos avançados de fontes, como alternâncias contextuais e determinadas tabelas de kerning, não são aplicados, portanto o espaçamento pode diferir ligeiramente do de um processador de texto. https://github.com/opentypejs/opentype.js

Fontes incluídas

Os recursos WOFF latinos sem modificações vêm dos pacotes Fontsource: https://fontsource.org/fonts/inter ; https://fontsource.org/fonts/oswald ; https://fontsource.org/fonts/pacifico ; https://fontsource.org/fonts/lobster . O aviso de direitos autorais de cada fonte e o texto completo da licença SIL Open Font Licence são publicados junto aos arquivos de fonte.

Como usar

Digite o texto e escolha uma fonte incluída ou arraste seu próprio arquivo de fonte.
Defina o tamanho, o espaçamento, o alinhamento, o preenchimento e o traço, e confira os contornos.
Copie ou baixe os caminhos SVG ou exporte um PNG.

Privacidade e limitações

O texto e as fontes enviadas permanecem no seu navegador. Os arquivos WOFF incluídos são carregados deste site; nenhum serviço externo de fontes é usado.

Ferramentas relacionadas

Perguntas frequentes

Quais fontes estão incluídas?

Inter e Oswald nos estilos regular e negrito, além de Pacifico e Lobster no estilo regular. Esses subconjuntos latinos são redistribuídos sem modificações sob a SIL OFL 1.1. Cada licença está em /fonts/text-to-svg/. As licenças das fontes enviadas são de sua responsabilidade.

Por que algumas letras podem ficar diferentes do meu aplicativo de design?

O analisador é compatível apenas com algumas tabelas de modelagem e posicionamento. Substituições contextuais não compatíveis usam como alternativa os glifos diretos dos caracteres; um aviso identifica essa limitação. Algumas fontes, incluindo Inter, têm tabelas de posicionamento cujos pares de kerning podem não estar disponíveis. Escritas complexas e fontes coloridas podem apresentar diferenças.

O SVG é um texto editável?

Não. Ele contém contornos e não precisa da fonte original para ser exibido. Linhas em branco afetam o espaçamento da linha de base, enquanto o viewBox recorta o conteúdo visível. A saída PNG é limitada a 4096 pixels no lado mais longo.

Ferramenta grátis · no seu navegador execuções · não precisa de conta