Hospedar a fonte no próprio site pode reduzir dependências de serviços externos e facilitar o controle dos arquivos. Isso não garante uma página rápida por si só. Se a equipe levar todas as famílias, pesos e caracteres disponíveis, pode trocar a origem do download e continuar transferindo mais do que o layout precisa.
Faça um inventário antes de baixar
Liste as famílias realmente usadas e onde aparecem: títulos, texto, botões e números. Depois identifique os pesos necessários. Um layout que utiliza regular e negrito não precisa receber automaticamente arquivos para todas as variações existentes. Confira a licença de cada família para saber se o uso e a hospedagem pretendidos são permitidos.
O guia de otimização de fontes do web.dev aborda hospedagem própria, WOFF2, subconjuntos de caracteres e descoberta dos arquivos. A orientação técnica ajuda a preparar a mudança; a seleção do que é necessário depende do conteúdo e do desenho do seu site.
Use uma página de prova em português
Crie em homologação um texto com títulos curtos e longos, números, pontuação, letras acentuadas e símbolos presentes no dia a dia. Inclua palavras como “ações”, “orçamento” e “tecnologia”, além de valores monetários. Se houver conteúdo em outros idiomas, acrescente os caracteres correspondentes.
O teste revela uma armadilha de subconjuntos excessivamente reduzidos: parte do texto pode usar outra fonte como alternativa. O problema nem sempre aparece na frase curta utilizada pelo designer, mas surge em sobrenomes, preços ou artigos publicados depois.
Revise carregamento e substituição
- Confirme se o arquivo WOFF2 abre pelo endereço publicado e recebe resposta válida.
- Confira família, estilo e peso declarados no CSS.
- Defina uma alternativa legível enquanto a fonte principal não está disponível.
- Observe se a troca da fonte muda a altura do título ou empurra botões.
- Verifique o cache e use uma nova versão de endereço quando o arquivo mudar.
Faça a comparação em celular e em computador. Um título que cabe em duas linhas numa fonte pode ocupar três na alternativa. Para o leitor, a estabilidade desse bloco pode importar mais do que uma pequena diferença estética entre os primeiros instantes do carregamento.
Preload exige escolha
Evite pré-carregar todos os pesos por precaução. Escolha o que é necessário na parte inicial da página e confirme na rede se existe download duplicado ou arquivo nunca utilizado. A presença de preload no HTML não é uma medida de sucesso; o teste deve mostrar que o texto ficou disponível sem disputar recursos importantes desnecessariamente.
Em um exemplo ilustrativo, uma empresa mantém uma família para títulos e outra para leitura, mas elimina pesos que nenhum componente utiliza. A revisão preserva a identidade visual e simplifica a manutenção. Compare o resultado com as métricas de carregamento e estabilidade visual e com a política de cache dos arquivos do site. Guarde o inventário para que futuras mudanças não reintroduzam fontes abandonadas.
0 comentários
Participe da conversa. Todos os comentários passam por moderação.