Conversor online gratuito de WOFF para SVG

Um editor vetorial ou fluxo de trabalho de ilustração pode exigir SVG em vez de uma webfont, especialmente quando é necessário editar ou arquivar contornos de glyphs individuais. A conversão também pode produzir um recurso vetorial independente para um ícone, logotipo ou outro design fixo.

O que é o formato WOFF

WOFF (Web Open Font Format) empacota dados de fontes TrueType ou OpenType com compactação e metadados voltados para a web. Os sites carregam arquivos .woff por meio de CSS @font-face, e os navegadores os utilizam para renderizar texto selecionável. Desenvolvedores web, designers de tipos e editores de fontes, como FontForge, Glyphs e FontLab, usam arquivos WOFF com frequência.

Um arquivo WOFF contém uma estrutura de fonte completa: contornos de glyphs, mapeamentos de caracteres, métricas, informações de nomenclatura, kerning e, possivelmente, hinting. Ele não é uma imagem SVG e normalmente não pode ser editado como uma arte vetorial comum sem um editor de fontes.

O que é o formato SVG

SVG (Scalable Vector Graphics) é um formato baseado em XML para paths, formas, preenchimentos, strokes e texto. Sua geometria vetorial pode ser dimensionada sem rasterização e aberta ou editada em aplicativos como Inkscape, Illustrator e outros editores vetoriais.

Para esta conversão, SVG pode significar tanto um desenho SVG comum contendo um ou mais contornos de glyphs quanto uma SVG font, cujos dados de glyphs são armazenados dentro de um documento SVG. Essas são saídas diferentes: uma SVG font não é igual a texto convertido em paths em uma ilustração.

Como converter o arquivo

Para uma conversão direta de arquivo, use 101convert.com: carregue o arquivo .woff, selecione SVG como formato de saída, inicie a conversão e baixe o arquivo .svg gerado. Isso não exige a instalação de software. Inspecione o resultado depois, pois a estrutura exata da saída depende do conversor e pode ser um documento SVG font em vez de um desenho visível.

Para uma extração controlada de glyphs, use FontForge:

1. Instale e abra o FontForge, escolha File → Open e selecione o arquivo WOFF.
2. Aceite um aviso de validação da fonte somente se a fonte abrir e seus glyphs forem exibidos corretamente.
3. Abra a visão geral de glyphs da fonte e selecione o glyph a ser exportado. Um único glyph é o alvo mais confiável para um arquivo SVG comum.
4. Escolha File → Export, selecione SVG, especifique um nome de arquivo como icon.svg e salve-o. Os nomes dos menus e as opções de exportação SVG variam conforme a versão do FontForge.
5. Abra o SVG em um editor de texto ou aplicativo vetorial. Se ele contiver um contorno, mas não estiver organizado como uma arte visível, copie ou importe o path do glyph para o Inkscape ou outro editor vetorial, posicione-o e salve o resultado como um desenho SVG comum.

O FontForge também pode gerar formatos voltados para fontes a partir da fonte completa, mas exportar contornos de glyphs selecionados é preferível quando o resultado pretendido é um ícone ou uma ilustração editável, e não uma SVG font.

Limitações de qualidade e compatibilidade

• A conversão pode preservar os contornos dos glyphs e, ao mesmo tempo, alterar ou descartar tabelas da fonte, como kerning, hinting, dados de nomenclatura, mapeamentos de caracteres e métricas. Portanto, não há garantia de que o SVG reproduzirá exatamente a fonte original.
• Uma SVG font tem suporte limitado nos navegadores modernos e não é uma substituta adequada para uma webfont na maioria dos sites atuais. Mantenha WOFF para distribuição na web ou use WOFF2 quando houver suporte nos navegadores de destino e no processo de build.
• O SVG geralmente é maior e menos conveniente do que uma fonte quando um projeto precisa de muitos caracteres ou de texto selecionável. Exporte apenas os glyphs necessários ao criar artes ou ícones.
• Verifique a licença da fonte antes de extrair, modificar, redistribuir ou incorporar seus glyphs. A disponibilidade de uma webfont para download não concede reutilização irrestrita.