Arquivos de fonte ausentes

O Silktide encontra arquivos de fonte que suas páginas solicitam, mas que não conseguem ser carregados, geralmente porque o arquivo foi movido ou excluído, ou porque seu endereço da Web foi digitado incorretamente. Quando uma fonte não consegue ser carregada, o texto usa uma fonte substituta e suas páginas deixam de ter a aparência para a qual foram projetadas.

\/* Se este arquivo de fonte estiver ausente, o texto será renderizado com uma fonte substituta *\/
@font-face {
  font-family: "Brand Sans";
  src: url("\/fonts\/brand-sans.woff2") format("woff2");
}

Por que isso é importante

A tipografia transmite a sua marca. Quando uma fonte personalizada não consegue ser carregada, o navegador a substitui silenciosamente por outra — o texto continua aparecendo, mas o espaçamento muda, os títulos ficam com uma aparência incorreta e as fontes de ícones podem se transformar em quadrados sem significado ou caracteres aleatórios, o que é muito pior do que um simples problema cosmético.

Como existe uma fonte substituta, as fontes ausentes muitas vezes passam despercebidas pela própria equipe do site durante meses. Enquanto isso, o navegador de cada visitante perde tempo solicitando o arquivo e aguardando a falha em todas as páginas que fazem referência a ele.

Como corrigir

Encontre a referência ao arquivo ausente — normalmente uma regra @font-face no seu ou uma fonte carregada de um serviço de hospedagem de fontes.
Se o arquivo foi movido, atualize a referência para o novo endereço. Se a fonte foi descontinuada deliberadamente, remova a regra que a solicita.
Se o arquivo deveria existir, restaure-o. As fontes têm um modo de falha adicional bastante comum: restrições de origem cruzada. Uma fonte disponibilizada por outro domínio deve ser enviada com cabeçalhos permissivos; caso contrário, os navegadores se recusam a usá-la.
Teste a página depois e confirme que o texto é renderizado com a fonte pretendida.

Como o Silktide testa isso

Carrega cada página em um navegador real e registra todos os arquivos solicitados pela página.
Mantém as solicitações de arquivos de fonte.
Relata cada arquivo cujo download falha — uma resposta de erro do servidor, como 404, ou uma falha de conexão. Tempos limite momentâneos e solicitações abandonadas pelo próprio navegador não são relatados, para evitar falsos alertas.
Destaca onde na página cada arquivo ausente é referenciado.

Solução de problemas

O arquivo é carregado quando tento acessá-lo

O arquivo pode estar atrás de um login, bloqueado para visitantes automatizados ou ser disponibilizado de forma inconsistente. Verifique também se há conteúdo misto: uma fonte solicitada por HTTP simples em uma página disponibilizada por é bloqueada pelo navegador, mesmo que o arquivo exista. Se estiver tudo realmente correto, o achado.

O texto parece normal para mim

As fontes substitutas podem ser semelhantes o suficiente para que você não perceba a substituição, especialmente no texto do corpo. Compare um título com o seu design ou verifique nas ferramentas de desenvolvimento do navegador se há solicitações de fonte com falha.