--- title: "Como corrigir o erro de fontes do Google no WP Rocket" url: https://full.services/wp-fixer/corrigir-fontes-google-wp-rocket/ date: 2026-06-17 author: "Clayton Margiotti" --- # Como corrigir o erro de fontes do Google no WP Rocket ## O que é erro de fontes do Google no WP Rocket? O erro de fontes do Google no WP Rocket acontece quando uma das otimizacoes de CSS do plugin remove ou atrasa a regra que carrega a fonte, e a página passa a exibir a fonte de fallback do navegador em vez da fonte do tema. O caso mais comum vem do recurso Remove Unused CSS, dentro de File Optimization, na seção Optimize CSS delivery: ele envia a URL da página para a API do WP Rocket, que decide qual CSS e usado e descarta o resto, gravando o resultado em /cache/used-css/. Quando a regra font-face do Google Fonts ou a classe que aplica a font-family aparece sem uso evidente no HTML inicial, ela e cortada, e o texto cai para serif ou Arial. Um segundo caminho e o recurso Self-host Google Fonts: ao ativar ou desativar essa opção o WP Rocket limpa todo o Used CSS e reescreve as URLs de fonts.googleapis.com para arquivos locais, e até o cache ser regenerado a fonte pode piscar ou não carregar. O resultado visivel e sempre o mesmo: o site carrega, mas a tipografia esta errada. ## Como identificar - O texto do site aparece em fonte serif ou Arial padrão do navegador no lugar da fonte do tema, mesmo com o site carregando normalmente - Ao abrir a página com o parametro de bypass no final da URL, a fonte correta volta a aparecer, confirmando que a causa esta na otimização do WP Rocket - No console do navegador (F12, aba Network, filtro Font) o arquivo .woff2 da fonte não e baixado, ou aparece com status diferente de 200 - A fonte certa aparece por um instante e e substituida pela fonte de fallback (efeito de flash de texto sem estilo) logo após o carregamento - O problema some quando o recurso Remove Unused CSS e desligado e volta quando ele e religado ## Como prevenir - Após ativar o Remove Unused CSS, revise as páginas principais e adicione de uma vez os seletores de fonte do tema ao CSS safelist, em vez de esperar a fonte quebrar para corrigir. - Defina um único plugin responsável por hospedar e otimizar Google Fonts; nunca deixe Self-host Google Fonts do WP Rocket ligado junto com OMGF ou Perfmatters fazendo a mesma coisa. - Sempre que trocar a fonte do tema ou instalar um construtor de páginas, limpe o Used CSS em WP Rocket -> Dashboard para forcar a regeneracao com a fonte nova. - Use o preload da fonte para o arquivo .woff2 principal, garantindo que a tipografia correta apareca já na primeira pintura e evitando o flash de texto sem estilo. Erros relacionados - [Como corrigir o erro de JavaScript ao combinar arquivos no WP Rocket](https://full.services/wp-fixer/corrigir-combinar-javascript-wp-rocket/) - [Como corrigir o WP Rocket que não minifica o CSS](https://full.services/wp-fixer/corrigir-wp-rocket-nao-minifica-css/) - [Como corrigir o erro de carregamento de fontes no WordPress](https://full.services/wp-fixer/corrigir-font-loading-wordpress/) --- ## Metadados Estruturados (Schema.org) ```json-ld { "@context": "https://schema.org", "@graph": [ { "@type": "Organization", "@id": "https://full.services/#org", "name": "FULL Services", "url": "https://full.services/", "sameAs": [ "https://www.instagram.com/fullservicesbr", "https://www.facebook.com/fullservices.br", "https://www.linkedin.com/company/fullservicesbr/" ], "knowsAbout": [ "WordPress", "WordPress Hosting", "Web Development", "Performance Optimization", "WordPress Security", "SEO para WordPress" ], "award": [ "Gold Medal - The WP Weekly Awards 2023", "Gold Medal - The WP Weekly Awards 2024" ], "logo": { "@type": "ImageObject", "url": "https://full.services/wp-content/uploads/full-services-logo.png", "width": 200, "height": 60 }, "hasCredential": { "@type": "EducationalOccupationalCredential", "credentialCategory": "certification", "name": "CVE Numbering Authority (CNA)", "description": "Autoridade de numeração de vulnerabilidades (CVE) para o ecossistema WordPress, autorizada a atribuir IDs CVE. Válida desde 2022-05-03, com abrangência global.", "url": "https://www.cve.org/PartnerInformation/ListofPartners/partner/FULL", "recognizedBy": { "@type": "Organization", "name": "CISA — Cybersecurity and Infrastructure Security Agency", "url": "https://www.cisa.gov/", "sameAs": "https://www.cisa.gov/" } } }, { "@type": "TechArticle", "@id": "https://full.services/wp-fixer/corrigir-fontes-google-wp-rocket/#article", "headline": "Como corrigir o erro de fontes do Google no WP Rocket", "url": "https://full.services/wp-fixer/corrigir-fontes-google-wp-rocket/", "inLanguage": "pt-BR", "datePublished": "2026-06-17T12:39:30-03:00", "dateModified": "2026-06-17T12:39:30-03:00", "author": { "@id": "https://full.services/#org" }, "publisher": { "@id": "https://full.services/#org" }, "isAccessibleForFree": false, "about": [ { "@type": "Thing", "@id": "https://www.wikidata.org/wiki/Q13166", "name": "WordPress", "sameAs": "https://www.wikidata.org/wiki/Q13166", "url": "https://wordpress.org/" }, { "@type": "Thing", "name": "Performance & Velocidade" } ], "mentions": { "@type": "Thing", "@id": "https://www.wikidata.org/wiki/Q13166", "name": "WordPress", "sameAs": "https://www.wikidata.org/wiki/Q13166", "url": "https://wordpress.org/" }, "mainEntityOfPage": { "@type": "WebPage", "@id": "https://full.services/wp-fixer/corrigir-fontes-google-wp-rocket/" }, "wordCount": 974, "description": "O erro de fontes do Google no WP Rocket aparece quando o recurso Remove Unused CSS, na aba File Optimization, apaga a regra font-face por considera-la não usada e a página passa a exibir a fonte de fallback do navegador (serif ou Arial). A correção e preservar a regra no campo CSS safelist e limpar o Used CSS.", "articleSection": "Performance & Velocidade", "keywords": "css safelist wp rocket fonte, fonte some depois de ativar wp rocket, remove unused css apagou google fonts, self host google fonts wp rocket nao carrega, wp rocket trocou a fonte por serif", "proficiencyLevel": "Intermediate", "citation": { "@type": "CreativeWork", "url": "https://docs.wp-rocket.me/article/1529-optimize-css-delivery", "name": "WP Rocket — Remove Unused CSS" }, "mainEntity": { "@type": "SoftwareSourceCode", "name": "Como corrigir o erro de fontes do Google no WP Rocket", "programmingLanguage": "CSS", "codeRepository": "https://full.services/wp-fixer/corrigir-fontes-google-wp-rocket/", "isAccessibleForFree": false } }, { "@type": "FAQPage", "@id": "https://full.services/wp-fixer/corrigir-fontes-google-wp-rocket/#faq", "isPartOf": { "@id": "https://full.services/wp-fixer/corrigir-fontes-google-wp-rocket/#article" }, "isAccessibleForFree": true, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-fontes-google-wp-rocket/#faq-q1", "name": "Por que minha fonte virou serif depois de ativar o WP Rocket?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-fontes-google-wp-rocket/#faq-q2", "name": "Como confirmo que o WP Rocket e o culpado e não o tema?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-fontes-google-wp-rocket/#faq-q3", "name": "Onde fica o campo CSS safelist no WP Rocket?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-fontes-google-wp-rocket/#faq-q4", "name": "O que devo colocar no CSS safelist para salvar a fonte?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-fontes-google-wp-rocket/#faq-q5", "name": "Devo usar o Self-host Google Fonts do WP Rocket?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-fontes-google-wp-rocket/#faq-q6", "name": "A fonte aparece e some num piscar, o que e isso?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-fontes-google-wp-rocket/#faq-q7", "name": "Corrigi o safelist mas a fonte continua errada, e agora?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-fontes-google-wp-rocket/#faq-q8", "name": "Preciso desligar o Remove Unused CSS para resolver?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } } ] } ] } ```