Estrutura completa de pastas
Os URLs gerados correspondem ao diretório de fontes incluído.
Gerador de fontes da Web
Empacote arquivos de fontes com CSS pronto para uso e uma página de visualização HTML.
Arquivos de fonte
Nome da família de fontes CSS
Conteúdo do pacote
As fontes selecionadas aparecem aqui.
O kit inclui arquivos de fontes prontos para navegador, CSS @font-face, uma visualização e notas de configuração.
Privado por padrãoSuas entradas e arquivos são processados neste dispositivo.
Gratuito e instantâneoNenhuma conta, fila ou instalação de software é necessária.
Pronto para usarCopie ou baixe os resultados assim que forem gerados.
Como usar Gerador de fontes da Web
Obtenha um resultado confiável em três etapas simples.
Escolha arquivos de fonte
Adicione um ou mais arquivos de fontes licenciados compatíveis com navegador.
Defina o nome da família
Use o nome CSS que deve aparecer em suas folhas de estilo.
Baixe o kit
Receba um ZIP com fontes, CSS @font-face, visualização de HTML e notas de configuração.
Construído para o trabalho diário
Útil sem muito trabalho
Controles focados, feedback imediato e nenhuma relação entre você e o resultado.
Vários pesos
Empacote uma família de arquivos de fontes em um kit implantável.
Página de visualização
Abra o arquivo HTML incluído para verificar o carregamento e os glifos de amostra.
Guia prático
O que é Gerador de fontes da Web?
Um kit webfont combina arquivos de fontes carregáveis pelo navegador com CSS @font-face que nomeia a família, formato de origem, estilo, peso e comportamento de carregamento. Manter essas peças juntas evita URLs de fontes quebrados durante a implantação.
Este gerador empacota arquivos TTF, OTF, WOFF e WOFF2 existentes; ele não altera contornos de glifos nem fabrica formatos convertidos. WOFF2 geralmente é o melhor formato de entrega quando você já possui uma cópia licenciada.
Aplicações práticas
Quando usar esta ferramenta
Maneiras comuns Gerador de fontes da Web cabe em projetos reais e tarefas diárias.
Tipografia auto-hospedada
Implante fontes de marca sem depender de CDN de terceiros.
Sistemas de design
Crie um pacote inicial consistente para equipes de aplicativos.
Controle de qualidade da fonte
Visualize os arquivos e confirme a configuração da família.
Projetos off-line
Ativos do tipo pacote para interfaces locais e documentação.
Respostas úteis
Perguntas frequentes
Respostas rápidas sobre gerador de fontes da web e como esta página funciona.
Isso converte TTF em WOFF2?
Não. Ele empacota os arquivos compatíveis com o navegador que você fornece com CSS e uma visualização.
Qual formato é melhor para sites?
WOFF2 geralmente oferece a melhor compactação web moderna, com outros formatos utilizados de acordo com as necessidades de compatibilidade.
Posso incluir vários pesos?
Sim. Os arquivos recebem valores de peso progressivos no CSS inicial, que você pode ajustar para corresponder à família real.
Cada fonte pode ser auto-hospedada?
Não. Revise a licença da fonte antes de distribuí-la ou incorporá-la.