Carregamentos de Página Mais Rápidos
Arquivos de fonte menores são baixados mais rapidamente, melhorando a métrica LCP (Largest Contentful Paint), que é crucial para o desempenho do site.
Reduza o tamanho do arquivo de sua fonte da web criando um subconjunto de fontes. Mantenha apenas os caracteres de que você precisa, com suporte para caracteres personalizados, intervalos Unicode e uma visualização ao vivo. Melhore o desempenho do seu site e os Core Web Vitals.
Um criador de subconjunto de fontes reduz o tamanho dos arquivos de fonte extraindo apenas os caracteres (glifos) que você realmente precisa. Um arquivo de fonte completo pode conter milhares de glifos para vários idiomas, mas um site normalmente usa apenas algumas centenas. Criar um subconjunto de uma fonte de 500 KB para 50 KB melhora drasticamente a velocidade de carregamento da página. Esta ferramenta processa fontes localmente usando opentype.js — nenhum arquivo de fonte é enviado.
Mantenha apenas os caracteres que seu site realmente usa. Suporta TTF, OTF, WOFF e WOFF2 com intervalos Unicode e visualização ao vivo — tudo no seu navegador.
Envie seu arquivo de fonte .TTF, .OTF, .WOFF ou .WOFF2 usando a área de arrastar e soltar.
Digite todos os caracteres realmente usados em seu site na caixa de texto. Você também pode adicionar intervalos Unicode comuns, como U+4E00-9FFF para caracteres chineses.
Selecione o formato de saída desejado, OTF ou TTF, nas configurações de exportação.
Clique em 'Criar Subconjunto'. A ferramenta irá gerar um novo arquivo de fonte menor. Baixe a fonte otimizada e use-a em seu projeto.
Arquivos de fonte menores são baixados mais rapidamente, melhorando a métrica LCP (Largest Contentful Paint), que é crucial para o desempenho do site.
Os usuários veem seu conteúdo de texto mais rapidamente, reduzindo os tempos de espera, o que pode diminuir as taxas de rejeição e aumentar a satisfação.
A velocidade da página é um fator de classificação chave para mecanismos de busca como o Google. Otimizar as fontes é uma maneira poderosa de melhorar sua pontuação nos Core Web Vitals.
Arquivos de fonte modernos (OTF, TTF, WOFF, WOFF2) contêm muito mais do que formas de letras. Uma fonte latina típica inclui letras maiúsculas e minúsculas, dígitos, pontuação, caracteres acentuados, ligaduras, glifos alternativos, pares de kerning e recursos OpenType (versalete, números estilo antigo, alternativas contextuais). Uma família de fontes abrangente pode incluir mais de 1.000 glifos. Quando você usa uma fonte em um site que exibe apenas texto em inglês, você está enviando 90% dos dados da fonte não utilizados — desperdiçando banda e desacelerando o carregamento da página.
A criação de subconjuntos de fontes resolve isso extraindo apenas os glifos que você precisa. Para um site apenas em inglês, você pode precisar de apenas os 95 caracteres ASCII imprimíveis — reduzindo a fonte de 500 KB para 20-50 KB. Para um site que usa Latim básico + caracteres acentuados comuns, você pode precisar de 200 glifos. A ferramenta de subconjunto usa opentype.js para analisar a estrutura binária da fonte, extrair os glifos especificados e suas métricas associadas (kerning, larguras de avanço) e reconstruir um arquivo de fonte válido apenas com esses glifos.
O formato WOFF2 fornece compressão adicional sobre o subconjunto. WOFF2 usa compressão Brotli, que alcança arquivos 20-40% menores que WOFF. Todos os navegadores modernos (Chrome, Firefox, Safari, Edge) suportam WOFF2. A abordagem ideal é criar o subconjunto da fonte para os glifos necessários, depois codificá-la como WOFF2 para compressão máxima. Uma fonte TTF de 500 KB pode ser reduzida para um subconjunto WOFF2 de 15 KB — uma redução de 97%.
Para a maioria dos sites, a estratégia mais simples é criar o subconjunto para o intervalo Unicode Latin Básico (U+0020 a U+007E), que cobre todos os caracteres ASCII. Isso é suficiente para conteúdo em inglês. Para sites multilíngues, crie subconjuntos para os intervalos Unicode específicos necessários para cada idioma e use a propriedade CSS unicode-range para carregar apenas o subconjunto relevante para cada página. Google Fonts usa essa técnica — serve diferentes subconjuntos com base no conteúdo da página.
Ao criar subconjuntos, tome cuidado para não remover glifos que são referenciados por recursos OpenType. Por exemplo, o recurso de versalete (smcp) substitui letras minúsculas por versões em maiúsculas pequenas — se você remover os glifos de versalete, o recurso quebrará. Nossa ferramenta preserva as definições de recursos da fonte, mas inclui apenas os glifos que você especifica. Se precisar de recursos OpenType, inclua todos os glifos que esses recursos referenciam. Para texto corrido na web, muitas vezes é melhor desativar recursos OpenType complexos e criar o subconjunto apenas com as formas básicas de letras.
Uma comparação lado a lado de ferramentas populares de subconjunto de fontes.
| Recurso | NovaTools | Font Squirrel | Everything Fonts |
|---|---|---|---|
| Privacidade (sem upload) | SIM 100% navegador | Uploads to server | Uploads to server |
| Entrada TTF, OTF, WOFF | SIM Todos os formatos | SIM | Limitado |
| Saída WOFF2 | SIM | SIM | NÃO |
| Conjuntos de caracteres personalizados | SIM | SIM | Limitado |
| Preserva recursos OpenType | SIM | SIM | NÃO |
| Sem inscrição | SIM | NÃO E-mail obrigatório | NÃO |
Font Squirrel e outras ferramentas de subconjunto baseadas em servidor exigem o envio dos seus arquivos de fonte. Nossa ferramenta usa opentype.js para analisar e criar subconjuntos de fontes inteiramente no seu navegador — suas fontes personalizadas ou licenciadas nunca saem do seu dispositivo.
Esta ferramenta funciona inteiramente no seu navegador. Seus arquivos não são enviados, armazenados ou analisados.
Mesmo se sua conexão com a internet cair, seus arquivos permanecem seguros.
Entenda a estrutura de um JWT, o que significam as claims iat, nbf e exp, e a diferença importante entre decodificar e verificar um token com segurança.
Entenda o que é Base64, quando usar Base64 padrão ou seguro para URL, e como codificar ou decodificar texto localmente no navegador.
Aprenda a escrever texto alternativo eficaz para e-commerce. O nosso guia fornece padrões práticos e exemplos para imagens de produtos, ajudando a melhorar o SEO e a acessibilidade.