Compressor de fontes de ícones

• Compressão instantânea de fontes de ícones no seu navegador: comprima fontes de ícones do Font Awesome, Material Icons e Bootstrap Icons diretamente no navegador - sem envio a servidor e sem processamento na nuvem. Nosso compressor de fontes de ícones reconstrói o mapa de caracteres na hora com JavaScript puro.
• Compressor de fontes de ícones online seguro: seus arquivos de fonte nunca saem do seu dispositivo ao comprimi-los. Processamento 100 % no lado do cliente significa privacidade total - sem armazenamento na nuvem, sem logs de servidor e sem qualquer exposição dos dados da fonte.
• Compressor de fontes de ícones sem instalação: comprima fontes de ícones diretamente no navegador sem baixar software, sem plugins e sem conta. Funciona em qualquer navegador moderno e em qualquer sistema operacional - sem cadastro.
• Suporta Font Awesome, Material Icons e mais: predefinições integradas para Font Awesome 5/6, Material Icons e Bootstrap Icons - ou cole quaisquer pontos de código Unicode personalizados. Aceita formatos de entrada TTF, OTF e WOFF e gera um arquivo WOFF comprimido.

• Otimização de Core Web Vitals e velocidade de página: o Font Awesome 6 Free tem mais de 800 KB, e a maioria dos sites usa menos de 50 ícones. Comprima a fonte de ícones deixando apenas os ícones usados para eliminar os avisos do PageSpeed «Reduce unused CSS» e «Avoid large network payloads».
• Otimização de apps React, Vue e Angular: comprima as fontes de ícones em aplicações de página única para reduzir o tamanho do pacote inicial. Fontes de ícones menores carregam mais rápido e melhoram as pontuações de Time to Interactive (TTI) e Largest Contentful Paint (LCP).
• Fontes de ícones em templates de e-mail: comprima as fontes de ícones usadas em templates HTML de e-mail deixando apenas os ícones referenciados no template. Arquivos menores carregam mais rápido em clientes de e-mail que suportam @font-face, melhorando a velocidade de renderização.
• Desempenho de e-commerce e landing pages: comprima as fontes de ícones em páginas de produto e landing pages para reduzir o peso da página. Uma fonte de ícones comprimida com 20 ícones costuma ser 95 % menor que a biblioteca completa do Font Awesome.
• Desempenho web mobile: comprima as fontes de ícones para entrega web mobile a fim de reduzir o consumo de dados em conexões 3G/4G. Fontes de ícones menores são essenciais para o Core Web Vitals no mobile, onde o carregamento de fontes é um gargalo comum de LCP.
• Distribuição de fontes de ícones personalizadas: comprima fontes de ícones personalizadas antes de distribuí-las em design systems e bibliotecas de componentes. Enviar apenas os ícones usados no design system reduz o peso da fonte para cada aplicação que a consome.

Fontes de ícones como Font Awesome, Material Icons e Bootstrap Icons contêm milhares de glifos, mas a maioria dos sites usa menos de 50. A compressão de fontes de ícones (também chamada de subconjunto de fontes) remove os glifos sem uso do arquivo, produzindo um arquivo bem menor que contém apenas os ícones que você realmente usa. Nosso compressor de fontes de ícones funciona reconstruindo a tabela cmap da fonte - o mapa de caracteres que associa pontos de código Unicode a identificadores de glifos - para incluir apenas os pontos de código que você especificar. É uma abordagem segura para o navegador que produz um arquivo WOFF válido sem exigir ferramentas de servidor.

1. 1 Envie sua fonte de ícones: arraste e solte um arquivo de fonte de ícones TTF, OTF ou WOFF. A fonte é lida como ArrayBuffer binário no seu navegador - nenhum dado é enviado a servidor algum. A ferramenta analisa o diretório de tabelas sfnt e a tabela cmap da fonte para construir um mapa completo de ponto de código para glifo.
2. 2 Informe os pontos de código a manter: cole os pontos de código Unicode dos ícones que você usa (por exemplo, f000, f001, f002). Use as predefinições integradas do Font Awesome, Material Icons ou Bootstrap Icons como ponto de partida. A ferramenta mostra quantos pontos de código foram detectados antes do processamento.
3. 3 Baixe o WOFF comprimido: o compressor de fontes de ícones reconstrói a tabela cmap apenas com os pontos de código solicitados e empacota o resultado como arquivo WOFF. O painel de resultados mostra o tamanho original, o tamanho de saída, a porcentagem de redução e os pontos de código não encontrados na fonte.

• Tabela cmap (mapa de caracteres): reconstruída para incluir apenas os pontos de código solicitados - é a principal fonte de redução de tamanho. Uma cmap completa do Font Awesome mapeia mais de 2000 pontos de código; um subconjunto de 30 ícones mapeia apenas 30.
• Contêiner WOFF: a saída é empacotada como WOFF (Web Open Font Format) com cabeçalho compacto e diretório de tabelas - menor que o contêiner TTF original, independentemente do subconjunto.
• Contornos de glifos (parcial): todos os contornos de glifos são preservados na saída - os navegadores não renderizam glifos inalcançáveis, mas as tabelas glyf/loca não são reescritas. Para redução máxima, use pyftsubset depois desta ferramenta.
• Metadados e tabelas sem uso: todas as tabelas sfnt são preservadas por compatibilidade. A reconstrução da cmap é a abordagem de subconjunto segura e compatível com navegadores, que funciona sem WASM ou processamento no servidor.

O compressor de fontes de ícones reconstrói a tabela cmap para mapear apenas os pontos de código solicitados - ele não remove os contornos de glifos das tabelas glyf e loca. Isso significa que o arquivo de saída é menor que o original (graças à cmap reduzida e à sobrecarga do WOFF), mas não tanto quanto um subconjunto completo em nível de glifo. Para compressão máxima, use uma ferramenta de servidor como pyftsubset (do fonttools) ou glyphhanger depois de baixar o WOFF desta ferramenta. Arquivos de entrada WOFF são suportados, mas devem usar armazenamento de tabelas sem compressão (compLength = origLength).