Introdução
Tipografia define personalidade, mas fontes mal carregadas podem pesar na performance. Uma estratégia boa considera peso de arquivo, formatos, subsets, preload, fallback e troca visual para evitar bloqueio de renderização.
Reduzir variantes
Muitos sites carregam pesos que quase não usam. Avalie se regular, medium, semibold e bold são realmente necessários. Cada variante extra aumenta bytes e pode afetar LCP.
A escolha tipográfica deve equilibrar identidade visual e eficiência técnica.
Formatos modernos
WOFF2 reduz tamanho em comparação com formatos antigos. Quando possível, sirva apenas o formato adequado aos navegadores atuais e mantenha fallback seguro para compatibilidade.
Fontes modernas ajudam a página a carregar menos sem abrir mão de qualidade visual.
- WOFF2
- Fallback
- Subset
- Preload
Troca visual controlada
Fontes externas podem gerar FOIT ou FOUT. Ajuste font-display, use fallback parecidos e minimize mudanças de layout.
O visitante precisa ler rápido, mesmo antes da fonte final carregar.
| Risco | Solução |
|---|---|
| FOIT | Font-display adequado |
| FOUT | Fallback parecido |
| Layout shift | Reservar espaço |
Como medir impacto
Acompanhe LCP, bloqueio de renderização, peso total e percepção visual. Fontes leves devem melhorar performance sem deixar a página genérica.
Performance tipográfica é detalhe, mas detalhe que aparece em todas as páginas.
Como aplicar
Fonte leve é aquela que carrega rápido, rende bem e preserva a personalidade da marca.