Fontes personalizadas Astra não carregam: correção

Tipo Page Builders

Nome do erro Fontes personalizadas não carregam no Astra Pro EN: Astra Pro custom fonts not loading

Severidade Atenção

Descrição A fonte personalizada do Astra não carrega quando o site exibe a fonte de fallback no lugar da enviada, porque o plugin Custom Fonts está inativo, o peso do arquivo enviado não bate com o peso escolhido na tipografia, ou o cache de página entrega o head antigo sem o @font-face. A correção ativa o módulo, alinha os pesos e limpa o cache.

Conteúdo exclusivo para membros Pro

Faça upgrade para acessar este item completo.

// ★ Conteúdo disponível para membros Pro...
// Faça upgrade para acessar este item.

Perguntas frequentes

Onde fica o menu de fontes personalizadas no Astra?

Em Aparência -> Custom Fonts. Esse menu só aparece depois que o módulo Custom Fonts do Astra Pro está ativo ou o plugin gratuito Custom Fonts da Brainstorm Force está instalado e ativado. É por lá que você envia o arquivo e define o peso de cada variante.

Por que minha fonte enviada não aparece no seletor de tipografia?

A fonte enviada aparece no grupo Other System Fonts dentro de Aparência -> Personalizar -> Global -> Tipografia. Se ela não aparece, o módulo Custom Fonts provavelmente está inativo ou o upload não foi salvo. Confirme a ativação e reabra o Personalizar.

Quais formatos de fonte o Astra aceita?

O Astra aceita woff2, woff, ttf, svg e eot. O recomendado é woff2, que é o formato moderno, mais leve e melhor suportado. Evite renomear a extensão de um arquivo, porque isso corrompe a decodificação e gera OTS parsing error no navegador.

A fonte certa aparece pra mim mas errada para os visitantes, por quê?

Isso é cache. O navegador do admin já carregou o head novo com o @font-face, mas o cache de página serve aos visitantes uma versão antiga sem a regra. Limpe o cache do plugin e da CDN e revalide o site em uma janela anônima.

O que significa o erro Failed to decode downloaded font?

Significa que o navegador baixou o arquivo mas não conseguiu interpretá-lo como uma fonte válida. As causas comuns são arquivo corrompido ou extensão trocada manualmente. Reconverta a fonte por uma ferramenta confiável, prefira woff2 e reenvie em Aparência -> Custom Fonts.

O status 403 no arquivo da fonte na aba Rede quer dizer o quê?

O 403 indica que o servidor ou a CDN recusou a entrega do arquivo. Costuma vir de regra de hotlink, de configuração de CORS na CDN ou de uma otimização agressiva. Sirva a fonte do mesmo domínio, ajuste o CORS da CDN e desligue temporariamente otimizações de CSS para isolar a causa.

Preciso do Astra Pro para usar fontes personalizadas?

Não obrigatoriamente. O módulo Custom Fonts vem no Astra Pro, mas a Brainstorm Force também pública o plugin gratuito Custom Fonts, que entrega o mesmo menu Aparência -> Custom Fonts no tema Astra gratuito. Em ambos o fluxo de upload e seleção na tipografia é o mesmo.

Pro Grave

Como corrigir o conflito de templates de curso entre Tutor LMS e Elementor

A página de curso fica sem o layout do Elementor (ou mostra o template padrão do Tutor LMS) porque o addon Tutor LMS do Elementor não esta ativo ou a prioridade de template aponta para o template embutido do plugin em vez do seu template Elementor.

Pro Atenção

Como corrigir o conflito de estilos de formulário entre WPForms e Elementor

O conflito de estilos entre WPForms e Elementor surge quando o formulário perde a aparencia dentro de uma página do Elementor: campos sem borda, botao sem cor ou layout em coluna única. Vem da opção de estilo do WPForms desligada, do Modern Markup desativado ou do CSS global do Elementor sobrescrevendo o formulário.

Pro Atenção

Como corrigir o Google Maps Field no ACF PRO (chave de API)

O Google Maps Field do ACF PRO exige uma chave de API do Google registrada via filtro acf/fields/google_map/api ou acf_update_setting. Sem ela, o campo mostra um mapa cinza e o console acusa erro da Google Maps JavaScript API.

Pro Grave

Como corrigir o conflito de Header Builder entre Elementor Pro e Astra Pro

O conflito de header entre Elementor Pro e Astra Pro ocorre quando os dois constroem o cabeçalho ao mesmo tempo: o site mostra dois headers empilhados, ou o template de Header do Theme Builder some porque o Astra ainda renderiza o seu. A correção e deixar uma única camada controlar o cabeçalho.

Pro Grave

Como corrigir o Google Map Field do ACF PRO (erro de Google Maps API)

O Google Map Field do ACF PRO renderiza um mapa cinza ou vazio quando não ha uma chave da Google Maps JavaScript API registrada no WordPress, ou quando a chave existe mas as APIs e restricoes do Google Cloud estão incorretas.

Pro Atenção

Como corrigir o Relationship Field no ACF PRO

O Relationship field do ACF PRO que não funciona acontece quando get_field() devolve um array inesperado, o loop com setup_postdata mostra o post errado por falta de wp_reset_postdata, ou a meta_query usa igualdade em vez de LIKE no valor serializado.

Setores

Extensões

Integrações

Como corrigir fontes personalizadas que não carregam no Astra Pro

Conteúdo exclusivo para membros Pro

Perguntas frequentes

Itens relacionados

Como corrigir o conflito de templates de curso entre Tutor LMS e Elementor

Como corrigir o conflito de estilos de formulário entre WPForms e Elementor

Como corrigir o Google Maps Field no ACF PRO (chave de API)

Como corrigir o conflito de Header Builder entre Elementor Pro e Astra Pro

Como corrigir o Google Map Field do ACF PRO (erro de Google Maps API)

Como corrigir o Relationship Field no ACF PRO

Setores

Extensões

Integrações

Extensões

Hero Sections

Seções de CTA

Login

Blog

Cabeçalhos

Seções de FAQ

Cadastro

Blog individual

Rodapés

Seções de contato

Seções de preços

Faixas

Portfólio

Seções de equipe

Números

Logotipos