Importar SVG no FontForge: de formas desenhadas a contornos de glifos

Para importar um SVG no FontForge, abra a posição de glifo desejada, escolha File → Import, mude o formato para SVG e selecione o arquivo. O resultado é geometria de contorno na janela de edição desse glifo. Você ainda precisa conferir posição, tamanho, contornos e espaçamento antes de gerar uma fonte utilizável.

Essa distinção importa quando a imagem original é um desenho. O traçado pode recuperar formas de pixels. Não pode determinar a linha de base, a largura de avanço ou o ritmo de espaçamento pretendido de uma família tipográfica. Comece com um glifo e conclua essas verificações antes de importar um alfabeto.

Importe em uma posição de glifo, não apenas em uma janela de fonte aberta

Crie um documento do FontForge ou abra sua fonte de trabalho e dê um clique duplo na posição do caractere que pretende editar. Importe o SVG por File → Import dentro dessa janela de contornos. Se o seletor listar inicialmente formatos bitmap, mude seu filtro de formato para SVG. Essa é a sequência do tutorial de importação de contornos do FontForge.

Confira primeiro o destino. Se está adicionando um g minúsculo original, confirme que está editando a posição de g desejada. Um arquivo chamado g.svg não substitui a conferência do glifo e de seu mapeamento. Salve uma cópia de uma fonte existente antes de substituir quaisquer contornos.

Após importar, selecione um ponto e confirme que tem contornos editáveis. Se tem apenas uma figura servindo como referência para traçado, ainda não chegou ao mesmo resultado. A documentação do menu File distingue importações de imagens, contornos de glifos e operações de arquivos de fonte.

Neste guia, o objetivo é um glifo comum baseado em contornos. Fluxos especializados com várias camadas ou fontes coloridas têm requisitos adicionais; uma ilustração pronta para navegador também não vira automaticamente esse tipo de fonte.

Use os vetores originais quando os tiver

Se desenhou o glifo em um editor vetorial, prepare essa arte diretamente. Mantenha seus contornos originais, faça uma cópia separada para importação e simplifique ali os recursos de apresentação não aceitos. Traçar novamente uma imagem de vetores existentes pode mudar formas que você já controla.

Se a imagem original é um desenho raster ou símbolo gerado, converta a imagem em traçados vetoriais com o PerfectVector e inspecione o SVG. Isso fornece um contorno inicial para editar. O FontForge continua sendo o lugar para construir métricas, espaçamento e comportamento de fonte do glifo.

Para um design desenhado à mão, escolha uma imagem original nítida e de alto contraste. Recorte os caracteres vizinhos e a sujeira do papel, mas mantenha a ascendente ou descendente completa. O guia de vetorização de letras desenhadas à mão aborda a preparação da imagem original; a explicação de vetorização de imagens descreve o que a conversão realmente produz.

Uma letra traçada ainda é geometria de arte

Preparamos um g minúsculo raster original com um espaço interno amplo e uma descendente clara e o convertemos pelo PerfectVector. O SVG bruto continha três traçados fechados: um fundo de tela quase branco, uma silhueta preta da letra e uma forma quase branca do espaço interno. Não tinha imagens incorporadas.

O espaço interno branco estava pintado sobre a silhueta preta. Ainda não era um contorno interno de um glifo de fonte finalizado. Remover apenas a forma branca exporia o preto sólido por baixo. Na cópia de importação, remova o fundo verificado e prepare esse espaço como uma abertura real antes de avaliar o preenchimento do glifo.

A comparação mostra a evidência dos contornos que inspecionamos, não um teste no FontForge. Não atribuímos linha de base, tamanho do em, largura de avanço nem kerning a essa saída. Uma descendente de aparência limpa mostra até onde o desenho se estende; não informa à fonte onde fica a linha de base.

Prepare contornos explícitos antes de ajustar as métricas

Mantenha um SVG intacto e uma cópia de trabalho separada. Nessa cópia, remova formas de fundo irrelevantes, expanda os traços quando sua espessura visível definir o glifo e resolva máscaras ou efeitos de recorte em formas que pretende manter. O FontForge importa um subconjunto de SVG, como explica sua referência de importação.

Em uma letra com espaço interno, inspecione tanto o limite externo quanto o interno. Eles precisam descrever a região preenchida desejada. Uma sobreposição branca pode imitar a aparência em uma página branca sem dar à fonte a estrutura correta de contornos.

Depois de importar a arte preparada, confira extremidades abertas, sobreposições acidentais e autointerseções. Element → Correct Direction define direções alternadas para contornos externos e aninhados, mas pode produzir resultados inesperados quando as splines se cruzam. Resolva esses cruzamentos antes de confiar no comando. O FontForge documenta essa limitação na referência do menu Element.

Evite simplificar apenas para atingir uma contagem de nós. Preserve os cantos, terminais e curvas que definem o desenho. O guia de excesso de nós em SVG pode ajudar a diagnosticar contornos ruidosos, mas um contorno de fonte também exige julgamento tipográfico nos tamanhos em que será lido.

Alinhe a linha de base antes de avaliar a altura

A arte importada pode chegar pequena demais, grande demais ou deslocada da origem desejada. Selecione todos os pontos do glifo e mova-os ou redimensione-os juntos. O tutorial de importação descreve o posicionamento do contorno e o uso de Element → Transform → Transform com escala uniforme.

No g minúsculo, não alinhe o ponto mais baixo à linha de base: ele pertence à descendente. Posicione o corpo da letra em relação à linha de base e à altura-x desejadas, deixando a descendente abaixo. Compare com glifos minúsculos vizinhos no mesmo design, se já existirem.

Use um sistema de coordenadas consistente nos arquivos originais ao preparar mais letras. O tutorial do FontForge apresenta um fluxo de 1.000 unidades, enquanto o guia de importação do Design With FontForge explica como as coordenadas verticais de um SVG se relacionam com ascensão e descensão. Trate isso como instruções de configuração coordenadas, não como uma regra para esticar todo SVG existente em um quadrado.

Uma fonte com unidades por em diferentes exige um plano correspondente. Da mesma forma, recortar cada letra rente aos limites em páginas SVG de alturas diferentes pode eliminar a referência compartilhada necessária para um posicionamento consistente. Estabeleça essa referência com um ou dois glifos antes de processar os demais.

Defina o espaçamento em contexto

A largura visível da letra e sua largura de avanço são diferentes. O avanço informa onde o próximo caractere começa; o espaço vazio ao redor do contorno contribui para o ritmo de uma palavra.

Abra a janela Metrics pelo menu Window e inspecione o glifo ao lado de outras letras. O tutorial de métricas descreve a alteração do espaço lateral esquerdo movendo o contorno e do espaço lateral direito pela linha de largura de avanço.

Para um primeiro g, compare letras repetidas e combinações curtas com glifos já desenhados, como gg, ng e go. Observe os espaços, não apenas os contornos. Não use kerning para compensar todo espaço lateral padrão mal escolhido; primeiro estabeleça um espaçamento razoável para vizinhos comuns, depois trate os pares excepcionais.

Um glifo que parece centralizado na página SVG ainda pode ficar estranho no texto. Por outro lado, um espaço numericamente igual dos dois lados nem sempre é o espaçamento que parece correto. Mantenha os limites do SVG como referência de geometria e avalie a fonte em uma linha de texto.

Valide e gere uma fonte de teste

Salve o projeto editável do FontForge antes de gerar um arquivo de fonte. Save preserva o arquivo de trabalho original; Generate Fonts cria um formato de fonte, como TrueType ou OpenType. O tutorial de verificação e geração explica essa separação.

Execute Element → Find Problems nos glifos preparados. Confira os problemas relatados em vez de aceitar automaticamente toda mudança sugerida: o FontForge observa que alguns apontamentos podem refletir escolhas intencionais de design. Inspecione novamente os glifos visualmente depois.

Gere uma fonte de teste e experimente-a no aplicativo em que pretende usá-la. Confira mapeamento de caracteres, espaço interno, linha de base, folga para a descendente e espaçamento em tamanhos de texto pequenos e grandes. Se a fonte ainda é um pequeno protótipo, deixe esse escopo de teste claro. Importar um contorno com sucesso não estabelece que uma família tipográfica inteira esteja finalizada.

Perguntas frequentes

Por que meu SVG fica no tamanho ou na posição errados no FontForge? As coordenadas do arquivo original e dimensões da página podem não corresponder à configuração de em e linha de base da fonte. Mova e redimensione o contorno importado de forma consistente e estabeleça um plano de coordenadas compartilhado antes de preparar mais glifos.

O PerfectVector pode transformar um desenho em uma fonte completa? O PerfectVector converte arte raster em traçados vetoriais. Você ainda precisa de um editor de fontes para preparar contornos de glifos, mapeamento, métricas, espaçamento e o arquivo de fonte gerado.

Por que o espaço interno da letra fica preenchido? Confira se a aparente abertura é uma sobreposição branca, se o contorno interno está presente e se direções de contorno ou cruzamentos precisam de reparo. Inspecione o preenchimento do glifo preparado em vez de confiar na aparência do SVG original em uma página branca.

Devo importar todas as minhas letras SVG de uma vez? Finalize primeiro um glifo representativo. Confirme escala, linha de base, contornos e espaçamento e aplique um método de preparação consistente às letras restantes. A importação em lote não decide esses valores de design por você.

Fontes

1. FontForge — Tutorial de importação de contornos — Importação na posição de glifo, posicionamento, escala uniforme e dimensões coordenadas dos arquivos originais.
2. FontForge — Menu File — Tipos de importação, suporte SVG e operações com arquivos de trabalho originais e arquivos de fonte.
3. FontForge — Menu Element — Correção da direção dos contornos e seus limites nos cruzamentos.
4. Design With FontForge — Importação de glifos — Coordenadas SVG e configuração de ascensão e descensão.
5. FontForge — Tutorial de métricas — Espaços laterais, largura de avanço, espaçamento em contexto e kerning.
6. FontForge — Tutorial de verificação e geração — Revisão de problemas e geração de um formato de fonte utilizável.

Se seu primeiro glifo existe apenas como pixels, converta o desenho em vetores editáveis, inspecione o espaço interno e o contorno externo e finalize esse glifo no FontForge. Um contorno corretamente posicionado, espaçado e testado é um ponto de partida útil para o restante da fonte.