Corrigir Google Fonts ausentes após mudança de domínio no Elementor (Guia 2025)

Trocou o domínio (ou passou de staging para produção) e as Google Fonts sumiram no Elementor? Este guia traz verificações rápidas e correções definitivas para restaurar sua tipografia, rápido.

Sintomas

• Fontes de corpo/títulos voltam para a padrão (ex.: Arial).
• No Network do DevTools, requisições a fonts.gstatic.com ou fonts.googleapis.com são bloqueadas/404/conteúdo misto.
• O Elementor mostra as famílias corretas, mas no front-end elas não se aplicam.

Correção rápida (checklist de 5 minutos)

1. Regenerate CSS & Data (Elementor → Tools → Regenerate CSS & Data).
2. Limpe todos os caches (plugin, servidor, CDN e hard refresh no navegador).
3. Atualize a URL do site (WP Admin → Settings → General: WordPress Address e Site Address).
4. Substitua strings do domínio antigo (CSS do builder, widgets, CSS custom e BD).
5. Garanta HTTPS em todas as requisições de fontes (evite conteúdo misto).

Passo a passo

1) Atualizar arquivos gerados pelo Elementor

1. Elementor → Tools → Regenerate CSS & Data.
2. Elementor → Settings → Advanced:
   • CSS Print Method: tente External File (preferido). Se persistir, teste Internal Embedding.
   • Load Google Fonts: deixe Yes se usa Google Fonts. (Se for hospedar localmente, mude para No.)
3. Limpe caches do plugin, servidor e CDN.

2) Corrigir URLs antigas após a mudança

Se moveu de old-domain.com → new-domain.com, o CSS do Elementor ou opções serializadas podem ainda apontar ao domínio antigo.

# Rode na raiz do WP
wp search-replace 'http://old-domain.com' 'https://new-domain.com' --all-tables --precise --report
wp search-replace 'https://old-domain.com' 'https://new-domain.com' --all-tables --precise --report

3) Eliminar conteúdo misto (forçar HTTPS)

Garanta links HTTPS para Google Fonts e adicione &display=swap para renderização melhor:

<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins:wght@400;600&display=swap" rel="stylesheet">

Se ativou SSL recentemente, atualize qualquer URL http:// hard-coded no tema ou widgets HTML.

4) Verificar CORS para fontes locais

Se decidiu hospedar fontes localmente e servir .woff2 do seu domínio ou CDN, permita carregamento cross-origin.

# Permitir web fonts cross-origin
<FilesMatch "\.(ttf|ttc|otf|eot|woff|woff2)$">
  <IfModule mod_headers.c>
    Header set Access-Control-Allow-Origin "*"
  </IfModule>
</FilesMatch>

5) Considerar fontes locais (performance & controle)

Prós: sem chamadas externas, estável após mudanças de domínio, cache facilitado. Contras: precisa atualizar arquivos ao mudar famílias/pesos.

1. Baixe famílias/pesos necessários (ex.: Google Webfonts Helper).
2. Envie para /wp-content/uploads/fonts/ (ou assets do tema).
3. Inclua sua folha de estilos local e referencie as fontes no CSS.
4. Em Elementor → Settings, defina Load Google Fonts para No para evitar duplicidade.

Depuração com DevTools

• Network: filtre por “font”. Procure 404/403, CORS ou URLs antigas em cache.
• Console: veja avisos de conteúdo misto, CSP ou bloqueadores.
• Disable cache (com DevTools aberto) e recarregue à força.

Dicas de performance

• Use apenas pesos/estilos necessários (p. ex., 400/600).
• Preconnect aos domínios de Google Fonts.
• Adicione font-display: swap; (já ativo com &display=swap).

FAQ

P. Mudança de domínio pode quebrar Google Fonts no Elementor?
R. Sim, se restarem URLs antigas no CSS gerado ou HTTPS/CORS estiver incorreto. Substitua domínios, regenere CSS e limpe caches.

P. Corrigi URLs mas as fontes não rendem.
R. Revise cache/CDN, conteúdo misto e se Google Fonts não foi desativado no Elementor.

P. Local vs CDN do Google?
R. Local = controle; CDN = simplicidade. Evite carregamentos duplicados.

Precisa de ajuda para migrar sites Elementor ou corrigir fontes pós-migração? Fale com um especialista: Contact We Design Orange →