Fontes externas podem atrasar o texto e trocar o layout quando ficam disponíveis.
Antes de começar
Identifique fontes efetivamente usadas no primeiro conteúdo visível e seus arquivos/pesos.
Passo a passo
-
Considere subset, font-display, cache e preload apenas da fonte crítica necessária.
-
Teste FOUT/FOIT, mudança de linha, CLS e velocidade em rede limitada.
Limites e cuidados
Não pré-carregue todos os pesos e estilos; isso pode competir com conteúdo e CSS.
Continue na biblioteca
Fonte oficial: Otimizar carregamento e renderização de fontes — web.dev.