Subconjunto de Fontes

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.

Publicidade
Publicidade

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.

Reduza arquivos de fonte em 80-95% sem enviá-los

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.

Carregamento mais rápido
100% privado
Gratuito ilimitado

Como usar

  1. 1

    Enviar Fonte

    Envie seu arquivo de fonte .TTF, .OTF, .WOFF ou .WOFF2 usando a área de arrastar e soltar.

  2. 2

    Especificar Caracteres

    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.

  3. 3

    Escolher Formato de Saída

    Selecione o formato de saída desejado, OTF ou TTF, nas configurações de exportação.

  4. 4

    Criar Subconjunto e Baixar

    Clique em 'Criar Subconjunto'. A ferramenta irá gerar um novo arquivo de fonte menor. Baixe a fonte otimizada e use-a em seu projeto.

Por Que Criar um Subconjunto de Suas Fontes?

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.

Melhor Experiência do Usuário

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.

Core Web Vitals Aprimorados

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.

Publicidade

Entendendo subconjuntos de fontes

Por que os arquivos de fonte são tão grandes

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%.

Publicidade

Estratégias práticas de subconjunto

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.

Publicidade

Como isso se compara a outras ferramentas de subconjunto de fontes?

Uma comparação lado a lado de ferramentas populares de subconjunto de fontes.

RecursoNovaToolsFont SquirrelEverything Fonts
Privacidade (sem upload)SIM 100% navegadorUploads to serverUploads to server
Entrada TTF, OTF, WOFFSIM Todos os formatosSIMLimitado
Saída WOFF2SIMSIMNÃO
Conjuntos de caracteres personalizadosSIMSIMLimitado
Preserva recursos OpenTypeSIMSIMNÃO
Sem inscriçãoSIMNÃO E-mail obrigatórioNÃ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.

Perguntas frequentes

Meu arquivo de fonte está seguro? Ele é enviado?
Sim, é 100% seguro. Todo o processamento da fonte acontece localmente em seu navegador. Seu arquivo de fonte nunca é enviado para nossos servidores, garantindo que seus dados permaneçam privados.
Por que meu arquivo de fonte ficou MAIOR após o subconjunto?
Isso pode acontecer com fontes originais muito pequenas ou altamente otimizadas. A ferramenta reconstrói o arquivo da fonte do zero, e essa nova estrutura pode, às vezes, ser menos compacta que a original. Se isso acontecer, significa que sua fonte já é muito eficiente e você deve continuar usando o arquivo original.
Qual formato de saída devo escolher: OTF ou TTF?
Para o desenvolvimento web moderno, ambos são ótimos pontos de partida. Após o subconjunto, a melhor prática é converter a fonte resultante para o formato `.woff2` para compressão máxima.
Posso usar a fonte do subconjunto em projetos comerciais?
Você deve cumprir a licença da fonte original que você envia. Criar um subconjunto de uma fonte não altera sua licença. Certifique-se de que você tem os direitos para modificar e usar a fonte para seus propósitos.
Quanto posso reduzir o tamanho do meu arquivo de fonte?
A quantidade de redução depende do tamanho original da fonte e do número de caracteres que você mantém. Uma fonte latina típica contém 400-700 glifos (incluindo maiúsculas, minúsculas, números, pontuação, caracteres acentuados e símbolos) e pesa 80-200 KB como TTF. Se você criar o subconjunto apenas para os 50-80 caracteres usados em um site típico em inglês (A-Z, a-z, 0-9, pontuação básica), o tamanho do arquivo cai para 15-40 KB — uma redução de 80%. Fontes CJK (chinês, japonês, coreano) podem ser dramaticamente maiores (5-20 MB) porque contêm milhares de caracteres. Criar um subconjunto de uma fonte CJK para os 2.000 caracteres mais comuns pode reduzir o tamanho do arquivo em 90%+.
Quais caracteres devo incluir no meu subconjunto?
No mínimo, inclua todos os caracteres que aparecem no seu site: maiúsculas A-Z, minúsculas a-z, dígitos 0-9 e todas as marcas de pontuação usadas no seu conteúdo (pontos, vírgulas, aspas, hifens, etc.). Inclua também quaisquer caracteres especiais específicos do seu conteúdo (símbolos monetários, operadores matemáticos, setas). Para sites multilíngues, inclua os caracteres acentuados para cada idioma suportado (por exemplo, à, é, ü, ñ para francês, alemão, espanhol). Para sites CJK, inclua os 1.000-3.500 caracteres mais comuns para seu idioma. Uma boa abordagem é escanear o conteúdo de texto do seu site e extrair o conjunto único de caracteres — isso garante que você não perca nenhum caractere enquanto mantém o subconjunto o menor possível.
O que são intervalos Unicode e como usá-los?
Intervalos Unicode (como U+0041-005A para maiúsculas A-Z) especificam um bloco contíguo de caracteres no padrão Unicode. A ferramenta aceita tanto caracteres individuais quanto intervalos Unicode no campo de entrada. Por exemplo, 'A-Za-z0-9' especifica todas as letras e dígitos ASCII. 'U+4E00-9FFF' especifica o bloco de Ideogramas Unificados CJK (caracteres chineses comuns). 'U+3040-309F' especifica Hiragana (japonês). Você pode combinar caracteres e intervalos: 'Hello World U+4E00-9FFF' incluiria os caracteres em 'Hello World' mais todos os caracteres chineses comuns. Isso é útil para sites multilíngues que precisam de caracteres latinos e CJK.
O subconjunto afetará a qualidade de renderização da fonte?
Não. O subconjunto preserva exatamente os mesmos contornos de glifos, instruções de hinting e pares de kerning da fonte original — simplesmente remove os glifos que você não precisa. Os caracteres que permanecem na fonte do subconjunto serão renderizados de forma idêntica à fonte original em todos os tamanhos. A única diferença visível é que os caracteres não incluídos no subconjunto não serão renderizados (eles recorrerão à fonte padrão do navegador ou aparecerão como caixas vazias). É por isso que é importante incluir todos os caracteres que seu site usa — se você esquecer um caractere, ele não estará disponível na fonte do subconjunto. A visualização ao vivo permite verificar se todo o seu texto é renderizado corretamente antes de baixar.

Sua privacidade é nossa prioridade

Esta ferramenta funciona inteiramente no seu navegador. Seus arquivos não são enviados, armazenados ou analisados.

  • Não enviamos, armazenamos ou analisamos seus arquivos.
  • Tudo o que você processa permanece no seu dispositivo.
  • Não há processamento do lado do servidor, nem armazenamento em nuvem, nem análise.

Mesmo se sua conexão com a internet cair, seus arquivos permanecem seguros.

Você também pode gostar

Guias uteis

Publicidade