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:
![Auditoria do Lighthouse mostrando que a página tem tamanhos de fonte ilegíveis](https://developer.chrome.google.cn/static/docs/lighthouse/seo/font-size/image/lighthouse-audit-showing-38ff49780439c.png?authuser=6&hl=pt)
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