--- title: "Como corrigir fontes personalizadas que não carregam no Astra Pro" url: https://full.services/wp-fixer/corrigir-fontes-personalizadas-astra-pro/ date: 2026-06-17 author: "Clayton Margiotti" --- # Como corrigir fontes personalizadas que não carregam no Astra Pro ## O que é a fonte personalizada do Astra que não carrega? Fontes personalizadas no Astra são arquivos de fonte próprios (woff2, woff, ttf, svg ou eot) que você envia pelo recurso Custom Fonts e depois seleciona na tipografia global do tema. O Astra registra essa fonte via uma regra @font-face e a disponibiliza no seletor de tipografia, dentro do grupo Other System Fonts. Quando o carregamento falha, o navegador não encontra um @font-face válido para a família e o peso pedidos e cai na fonte de sistema de fallback. O resultado é um site que abre normal, mas com a tipografia errada: o texto aparece em Arial, Times ou na fonte padrão do Astra em vez da fonte que você enviou. ## Como identificar - O texto do site aparece em uma fonte de fallback (Arial, Helvetica ou a padrão do Astra) em vez da fonte personalizada enviada - No seletor de tipografia em Aparência -> Personalizar -> Global -> Tipografia, a fonte enviada não aparece no grupo Other System Fonts - A aba Rede do navegador mostra a requisição do arquivo de fonte com status 404 Not Found ou 403 Forbidden - No console do navegador surge o aviso Failed to decode downloaded font ou OTS parsing error apontando para o arquivo .woff2 - A fonte certa aparece para você logado no admin, mas o site mostra a fonte de fallback para o visitante anônimo (sintoma de cache) ## Como prevenir - Envie todos os pesos que você vai usar (Regular e Bold no mínimo) antes de aplicar a fonte na tipografia, para nunca pedir um peso sem arquivo - Padronize o formato em woff2 para todas as fontes personalizadas: é o mais leve e o melhor suportado pelos navegadores atuais - Inclua a limpeza de cache (plugin e CDN) no checklist sempre que trocar ou subir uma fonte nova - Antes de ativar Load Google Fonts Locally ou Remove Unused CSS, teste em ambiente de staging para flagrar bloqueios de fonte antes da produção Erros relacionados - [Como corrigir o erro de CSS no Customizer do Astra Pro](https://full.services/wp-fixer/corrigir-css-customizer-astra-pro/) - [Como corrigir o erro de fontes do Google no WP Rocket](https://full.services/wp-fixer/corrigir-fontes-google-wp-rocket/) - [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-personalizadas-astra-pro/#article", "headline": "Como corrigir fontes personalizadas que não carregam no Astra Pro", "url": "https://full.services/wp-fixer/corrigir-fontes-personalizadas-astra-pro/", "inLanguage": "pt-BR", "datePublished": "2026-06-17T12:39:07-03:00", "dateModified": "2026-06-17T12:39:07-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": "Page Builders" } ], "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-personalizadas-astra-pro/" }, "wordCount": 978, "description": "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.", "articleSection": "Page Builders", "keywords": "astra fonte personalizada nao aparece na tipografia, astra other system fonts nao mostra fonte, astra pro fonte personalizada nao carrega, custom fonts astra nao funciona, fonte personalizada astra nao aplica no site", "proficiencyLevel": "Intermediate", "citation": { "@type": "CreativeWork", "url": "https://wpastra.com/docs/custom-fonts-in-astra/", "name": "Astra — How to Add Custom Fonts in Astra" }, "mainEntity": { "@type": "SoftwareSourceCode", "name": "Como corrigir fontes personalizadas que não carregam no Astra Pro", "programmingLanguage": "CSS", "codeRepository": "https://full.services/wp-fixer/corrigir-fontes-personalizadas-astra-pro/", "isAccessibleForFree": false } }, { "@type": "FAQPage", "@id": "https://full.services/wp-fixer/corrigir-fontes-personalizadas-astra-pro/#faq", "isPartOf": { "@id": "https://full.services/wp-fixer/corrigir-fontes-personalizadas-astra-pro/#article" }, "isAccessibleForFree": true, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-fontes-personalizadas-astra-pro/#faq-q1", "name": "Onde fica o menu de fontes personalizadas no Astra?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-fontes-personalizadas-astra-pro/#faq-q2", "name": "Por que minha fonte enviada não aparece no seletor de tipografia?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-fontes-personalizadas-astra-pro/#faq-q3", "name": "Quais formatos de fonte o Astra aceita?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-fontes-personalizadas-astra-pro/#faq-q4", "name": "A fonte certa aparece pra mim mas errada para os visitantes, por quê?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-fontes-personalizadas-astra-pro/#faq-q5", "name": "O que significa o erro Failed to decode downloaded font?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-fontes-personalizadas-astra-pro/#faq-q6", "name": "O status 403 no arquivo da fonte na aba Rede quer dizer o quê?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-fontes-personalizadas-astra-pro/#faq-q7", "name": "Preciso do Astra Pro para usar fontes personalizadas?", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "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.", "author": { "@id": "https://full.services/#org" } } } ] } ] } ```