Muitos mecanismos de pesquisa classificam as páginas com base no grau de compatibilidade delas com dispositivos móveis. Fontes menores que 12 pixels geralmente são difíceis de ler em dispositivos móveis e podem exigir que os usuários aumentem o zoom para mostrar o texto em um tamanho de leitura confortável.
Como a auditoria de tamanho de fonte do Lighthouse falha
O Lighthouse sinaliza páginas com tamanhos de fonte muito pequenos para serem lidos facilmente em dispositivos móveis:
O Lighthouse sinaliza páginas em que 40% ou mais do texto tem um tamanho de fonte menor que 12 pixels. Quando uma página é reprovada na auditoria, o Lighthouse lista os resultados em uma tabela com quatro colunas:
| Origem | O local de origem do conjunto de regras CSS que está causando o texto ilegível. |
| Seletor | O seletor do conjunto de regras. |
| % do texto da página | A porcentagem de texto na página que é afetada pelo conjunto de regras. |
| Tamanho da fonte | O tamanho calculado do texto. |
Como corrigir fontes ilegíveis
Verifique os tamanhos das fontes no CSS. A fonte precisa ser de pelo menos 12 px em pelo menos 60% do texto da página.
Como corrigir uma configuração de janela de visualização ausente
Se o Lighthouse informar Text is illegible because of a missing viewport config,
adicione uma tag <meta name="viewport" content="width=device-width, initial-scale=1">
ao <head> do documento.
Consulte a postagem Não tem uma tag <meta name="viewport"> com width ou initial-scale
para saber mais.
Recursos
O código-fonte da auditoria O documento não usa tamanhos de fonte legíveis