O Que É um Subset de Fonte Web? Entregando Apenas os Glifos Necessários
Um subset de fonte web é um arquivo de fonte reduzido para conter apenas os caracteres que seu site realmente usa, diminuindo drasticamente o tamanho do download.
Uma fonte completa pode incluir milhares de glifos para muitos idiomas e símbolos, mas a maioria dos sites usa apenas uma fração deles. O subsetting reduz uma fonte apenas aos caracteres que você precisa, cortando o tamanho do arquivo e acelerando a renderização do texto. É uma otimização em tempo de build com efeito real nas métricas de carregamento, e roda como parte do seu pipeline de assets.
Por que as fontes são pesadas
Uma fonte completa dá suporte a muitos scripts, pesos e símbolos, o que torna o arquivo grande. A maioria dos sites só precisa de um único idioma e alguns pesos, então a maior parte desses dados é largura de banda desperdiçada.
Como o subsetting funciona
Uma ferramenta de subsetting mantém apenas os glifos dos caracteres e das faixas unicode que você especifica e descarta o resto. O resultado é uma fonte menor que renderiza o texto que seu site exibe, deixando de fora os glifos não utilizados.
Subsetting estático versus dinâmico
- O subsetting estático reduz para um conjunto fixo de caracteres em tempo de build.
- O unicode-range divide uma fonte em arquivos por idioma carregados sob demanda.
- Hospedar você mesmo as fontes com subset evita requisições extras a terceiros.
O risco de reduzir demais
Se você fizer o subset de forma agressiva demais e faltar um caractere necessário, ele é renderizado como um glifo de fallback ou uma caixa. O subsetting precisa cobrir todos os caracteres que o site pode exibir, incluindo conteúdo dinâmico, e é por isso que as faixas são mais seguras do que listas exatas de caracteres para texto gerado por usuários.
Subsets de fonte web em CI/CD
O build faz o subset e hospeda as fontes localmente, emitindo arquivos de fonte com hash de conteúdo que ficam em cache a longo prazo no CDN. Fazer isso no pipeline mantém o subset consistente com o deploy, e fixar as entradas do subsetting mantém os arquivos de fonte emitidos reproduzíveis entre execuções do CI.
Principais conclusões
- Um subset de fonte web mantém apenas os glifos que seu site usa, reduzindo o arquivo.
- O subsetting por unicode-range é mais seguro para texto dinâmico ou multilíngue.
- O CI faz o subset e o hash das fontes para que fiquem em cache a longo prazo e permaneçam reproduzíveis.