@font-face Gerador de Webfont
Fontes variáveis, WOFF2 e CSS em um clique
Solte seus arquivos TTF, OTF, WOFF ou WOFF2 — incluindo fontes variáveis — escolha suas configurações e baixe um pacote pronto para hospedar com WOFF2, WOFF, uma folha de estilo completa.css e uma página de demonstração ao vivo.
Solte fontes aqui ou clique para navegar
TTF, OTF, WOFF, WOFF2 e fontes variáveis — múltiplos arquivos permitidos
Fontes selecionadas
Configurações de conversão
Este é o nome que você usará em seu CSS, como font-family: 'MeuNome';. Deixe em branco para manter o nome da família original de cada fonte do arquivo.
Controla como o texto é exibido enquanto a webfont está carregando.
Caminho usado dentro de url(...) no stylesheet gerado.
Dica: pressione Ctrl+Enter para gerar.
Seu pacote de webfont está pronto
O ZIP contém: fontes convertidas, stylesheet.css e um demo.html ao vivo.
100% do lado do cliente
A conversão ocorre inteiramente no seu navegador usando WebAssembly. Suas fontes nunca são enviadas.
Fontes variáveis e todos os formatos
TTF, OTF, WOFF e WOFF2 em — WOFF2 otimizado fora, com suporte completo a eixos de fonte variável (wght, wdth, slnt, ital).
Saída pronta para produção
Envia uma folha de estilo.css com o correto font-display, opcional local() e um demo.html para que você possa soltar o pacote diretamente em seu projeto.
O que é um gerador de webfont?
Um gerador de webfont transforma arquivos de fonte de desktop ou baixados (TTF, OTF, WOFF, WOFF2 — incluindo fontes variáveis modernas) nos formatos que os navegadores podem carregar pela web — principalmente WOFF2 hoje, com WOFF como fallback legado — e produz declarações CSS @font-face correspondentes para que você possa hospedar a tipografia do seu site.
Por que auto-hospedar fontes?
A auto-hospedagem dá a você controle total sobre desempenho, privacidade e confiabilidade. Não há solicitação de terceiros para o Google Fonts (útil para GDPR), nenhuma consulta DNS extra, você pode pré-carregar o arquivo e decide exatamente quais pesos, estilos e eixos são enviados com seu site.
Como a conversão funciona
WOFF2 envolve seus contornos TTF/OTF em um contêiner comprimido em Brotli projetado especificamente para a web — tipicamente 30 % menor que WOFF e mais de 50 % menor que o TTF bruto. WOFF é um envoltório mais antigo comprimido em zlib, mantido como fallback para navegadores muito antigos. Nosso gerador executa o codificador e decodificador WOFF2 oficial do Google compilado para WebAssembly, então a conversão acontece localmente dentro do seu navegador. Solte um WOFF2 que você baixou do Google Fonts e nós o decodificamos de volta para um contêiner sfnt antes de re-encodar — você nunca precisa procurar o TTF original.
O que você recebe no pacote
- Fontes em WOFF2 (e opcionalmente WOFF/TTF) para cada face enviada — incluindo fontes variáveis mantidas como um único arquivo pequeno.
- Uma folha de estilo completa.css com uma regra @font-face por arquivo, as dicas de formato() corretas, intervalos de font-weight, font-style, font-stretch, font-display e opcional local().
- Uma página demo.html para que você possa visualizar cada peso, estilo e eixo em vários tamanhos antes de ir ao ar.
- Incorporação Base64 opcional para enviar a fonte inline no seu CSS para cenários offline-first ou de arquivo único.
Privacidade & licenciamento
Os arquivos nunca saem do seu dispositivo — tudo é processado no seu navegador. Sempre verifique se a licença da sua fonte permite a incorporação de webfont antes de publicá-la em seu site.