Conversor de fontes — TTF, OTF, WOFF, WOFF2 online
Converta fontes entre TTF, OTF, WOFF, WOFF2, EOT e SVG no seu navegador. Conversão em lote, comparação de tamanhos e uma regra CSS @font-face pronta a colar — sem upload.
🔒 Executa completamente no seu navegador — nada é enviadoConverta fontes para a web no seu navegador
Este conversor de fontes transforma arquivos de fontes de desktop e formatos antigos nos formatos que os navegadores e as ferramentas de design esperam. Solte uma fonte TTF ou OTF para criar arquivos WOFF2 e WOFF comprimidos para o seu site, descompacte um arquivo WOFF2 de volta para um TTF instalável ou reconstrua antigas fontes EOT e SVG de projetos web antigos. Você pode adicionar vários arquivos de uma só vez: cada fonte é processada por sua vez e cada arquivo de saída mostra o seu tamanho e quanto é menor ou maior do que o original. Tudo é executado localmente com JavaScript e WebAssembly — o mesmo codificador WOFF2 do Google que as fundições tipográficas utilizam é carregado na página, por isso nada é enviado.
Sempre que possível, o conversor trabalha sem perdas. Empacotar uma fonte como WOFF ou WOFF2 mantém os contornos TrueType ou CFF originais, o hinting e os recursos OpenType exatamente como estavam; apenas a compressão muda. Converter fontes OTF baseadas em CFF para TTF, EOT ou SVG reconstrói os contornos como curvas quadráticas, o que é visualmente equivalente, mas descarta o hinting PostScript.
Formatos de fonte explicados
TTF (TrueType) e OTF (OpenType com contornos CFF) são os formatos de desktop que você instala no seu computador. O WOFF empacota os mesmos dados com compressão zlib, e o WOFF2 usa Brotli mais transformações específicas para fontes, economizando normalmente mais 30%. O WOFF2 é suportado por todos os navegadores modernos, por isso, para a maioria dos sites, um único arquivo WOFF2 é suficiente. O EOT era usado apenas pelo Internet Explorer e as fontes SVG por versões antigas do Safari no iOS; gere-as apenas quando mantém páginas legadas.
Use a regra @font-face gerada
Após a conversão, a ferramenta escreve uma regra @font-face para cada fonte, com o nome da família, o peso e o estilo lidos da própria fonte. As fontes de origem são ordenadas da melhor para a pior, para que os navegadores baixem o WOFF2 sempre que possível. Defina a pasta para onde vai enviar os arquivos e escolha uma estratégia de font-display — swap mostra imediatamente o texto alternativo e troca quando a fonte web chega. Antes de publicar, certifique-se de que a licença da fonte permite a incorporação na web e a conversão de formato.
Como usar
- Adicione as suas fontesSolte um ou mais arquivos de fonte TTF, OTF, WOFF, WOFF2, EOT ou SVG na caixa, ou clique nela para procurar.
- Escolha os formatos de saídaMarque todos os formatos de que precisa — WOFF2 e WOFF estão selecionados por padrão porque são a melhor escolha para sites.
- ConvertaClique em “Convert”. Cada fonte é decodificada e recodificada localmente, e a variação de tamanho de cada arquivo de saída é exibida.
- Baixe e cole o CSSBaixe os arquivos um a um ou todos de uma vez e depois copie a regra @font-face gerada para a sua folha de estilo.