Connor Clark
Publicado em: 8 de outubro de 2025
Defina font-display como swap ou optional para garantir que o texto fique visível de forma consistente. O atributo swap pode ser otimizado ainda mais para reduzir as trocas de layout com substituições de métrica de fonte.
Como transmitir esse insight
Defina font-display como swap ou optional para transmitir esse insight.
Orientações específicas para a pilha
Esse insight também oferece orientação específica para páginas que usam as seguintes tecnologias:
Drupal
Especifique @font-display ao definir fontes personalizadas no seu tema.
Magento
Especifique @font-display ao definir fontes personalizadas.
Outras referências
- Código-fonte do insight
- Como controlar o desempenho da fonte com mostras de fontes
- Substituições de fontes aprimoradas
- Evite texto invisível durante o carregamento
- Pré-carregar fontes da Web para melhorar a velocidade de carregamento (codelab)
- Evite mudanças de layout e flashes de texto invisível (FOIT) pré-carregando fontes opcionais