Como corrigir o erro de fontes do Google no WP Rocket

Porque o recurso Remove Unused CSS considerou a regra que carrega a fonte como CSS não usado e a removeu do Used CSS gravado pelo plugin. Sem essa regra, o navegador aplica a fonte de fallback (serif ou Arial). Adicionar o seletor da fonte ao campo CSS safelist instrui o WP Rocket a preservar a regra e devolve a tipografia correta.

Adicione o parametro de bypass ao final da URL da página afetada e recarregue. Ele carrega a página sem nenhuma otimização do WP Rocket. Se a fonte correta voltar a aparecer, a causa esta na otimização de CSS do plugin, e não no tema nem em outro lugar.

Em WP Rocket -> File Optimization -> CSS Files, dentro da seção Optimize CSS delivery, com o Remove Unused CSS ligado. O campo CSS safelist e uma caixa de texto onde você cola, um por linha, os seletores e as regras que o plugin deve preservar mesmo que pareçam sem uso, como a regra font-face e a classe da fonte do tema.

Coloque a regra font-face e o seletor que aplica a font-family no tema, descoberto no console do navegador. Use uma linha para cada item. Se a fonte do tema for aplicada em body, titulos e textos, adicione esses seletores também. Depois de salvar, limpe o Used CSS para o plugin regenerar o cache já com as regras preservadas.

Sim, hospedar as fontes localmente reduz requisicoes a servidores do Google e melhora a privacidade. O cuidado e não manter dois plugins fazendo isso ao mesmo tempo. Se já usa OMGF ou Perfmatters para hospedar Google Fonts, escolha apenas um responsável, porque duas fontes concorrentes podem sobrescrever uma a outra e quebrar a tipografia.

E o flash de texto sem estilo, quando o navegador mostra a fonte de fallback antes de baixar a fonte real. Costuma acontecer quando o preload da fonte foi removido junto com o CSS otimizado. Ative o preload do arquivo .woff2 principal para a fonte correta aparecer já na primeira pintura da página.

Limpe o Used CSS em WP Rocket -> Dashboard com Clear Used CSS e depois Clear and preload cache, porque o cache antigo ainda aponta para a regra removida. Recarregue com recarga forte. Se persistir, confira no console se o arquivo .woff2 carrega com status 200 e se outro plugin de fontes não esta sobrescrevendo a regra.

Não na maioria dos casos. Desligar resolve, mas você perde o ganho de PageSpeed que o recurso traz. O caminho recomendado e manter o Remove Unused CSS ligado e adicionar os seletores da fonte ao CSS safelist, preservando so o necessário e mantendo o restante do CSS otimizado.