Por que converter SVG para TTF?
O SVG armazena gráficos vetoriais 2D como caminhos XML, enquanto o TTF armazena contornos de glifos para renderizar caracteres ou conjuntos de ícones via renderização de fontes. Os desenvolvedores desenham cada ícone como um caminho SVG e compilam o conjunto em um .ttf para que o CSS possa endereçar cada glifo por código de caractere. Os designers tipográficos também constroem SVGs de formas de letras e os empacotam como uma fonte TrueType distribuível, que tem sido um padrão multiplataforma desde o início dos anos 1990.
Como converter SVG para TTF
FontCreator APP
Importe seus arquivos SVG por glifo, atribua cada um a um slot de caractere e exporte a fonte finalizada como .ttf.
Glyphs APP
Importe caminhos SVG como contornos de glifos, configure as métricas da fonte e exporte para .ttf.
FontForge OPEN-SOURCE
Importe cada arquivo SVG como um contorno de glifo via «File > Import», defina a largura de avanço e a linha de base para cada slot, depois use «File > Generate Fonts» e selecione TrueType para exportar o .ttf.
Programas que convertem SVG
Sobre estes formatos
.SVG
Scalable Vector Graphics
Um arquivo SVG é uma imagem Scalable Vector Graphics - um padrão aberto da W3C que armazena gráficos 2D como texto XML, para que ele seja redimensionado para qualquer tamanho sem perder a…
Abrir detalhes de .SVG →
.TTF
TrueType Font
Um arquivo TTF é uma TrueType Font - uma tipografia vetorial escalável criada pela Apple em 1991 e agora suportada em todos os principais sistemas operacionais. Para instalá-la, clique duas…
Abrir detalhes de .TTF →Qualidade e o que observar
- Uma única ilustração SVG não pode produzir um
.ttfutilizável - cada glifo deve ser um arquivo SVG separado contendo um caminho limpo. - Recursos complexos de SVG, como gradientes, máscaras, filtros e rasters incorporados, não são suportados em contornos de fontes; apenas a geometria do caminho é transferida.
- Cada glifo precisa de uma largura de avanço e posição de linha de base definidas no editor de fontes, caso contrário, os caracteres aparecerão desalinhados no texto renderizado.
Perguntas frequentes
Posso converter um único logotipo SVG em um arquivo de fonte TTF?
Preciso de um arquivo de fonte SVG com elementos <font> ou apenas arquivos SVG comuns?
O TTF resultante funcionará no Windows, macOS e Linux?
Qual é a diferença entre uma fonte de ícones e uma fonte de texto?
.ttf; uma fonte de ícones atribui caminhos SVG de ícones a pontos de código de caracteres, enquanto uma fonte de texto atribui caminhos de formas de letras - o fluxo de trabalho em um editor de fontes é idêntico.
