--- title: "Como corrigir o erro de CORS de fontes no Elementor" url: https://full.services/wp-fixer/corrigir-cors-fontes-elementor/ date: 2026-06-17 author: "Clayton Margiotti" --- # Como corrigir o erro de CORS de fontes no Elementor ## O que é o erro de CORS de fontes no Elementor? O navegador trata fontes carregadas via @font-face com regras de origem cruzada (CORS): se a URL da fonte aponta para um host diferente do site, o servidor da fonte precisa responder com o cabeçalho Access-Control-Allow-Origin liberando a origem do site. Sem esse cabeçalho, o navegador baixa o arquivo mas se recusa a aplica-lo, e o texto renderiza com a fonte de fallback do sistema. No Elementor isso aparece quando as Fontes Personalizadas (Elementor Pro) ou o Google Fonts em modo de auto-hospedagem ficam num CDN ou subdominio estatico separado do domínio principal: o arquivo woff2 esta la, retorna 200, mas vem sem o cabeçalho de CORS, entao a tipografia configurada no editor simplesmente não aparece no frontend. ## Como identificar - O console do navegador mostra a mensagem 'Access to font at ... has been blocked by CORS policy: No Access-Control-Allow-Origin header is present on the requested resource'. - O texto do site abre numa fonte generica (Arial ou Times) em vez da fonte escolhida no Elementor, mesmo a fonte aparecendo certa dentro do editor. - Na aba Network do navegador, o arquivo woff2 ou woff retorna status 200, porém sem o cabeçalho Access-Control-Allow-Origin na resposta. - O problema some ao desativar o CDN ou ao acessar o site pelo domínio de origem, e volta quando os assets são servidos pelo domínio do CDN. **Antes de começar:** Libere o Access-Control-Allow-Origin apenas para o domínio do seu site. Evite o coringa em producao quando houver conteúdo sensivel, porque ele autoriza qualquer origem a consumir os recursos. Faca backup do .htaccess ou do arquivo de configuração do Nginx antes de editar, pois um erro de sintaxe pode derrubar o site. ## Como prevenir - Sirva as fontes do mesmo domínio do site sempre que possível, para o navegador nem aplicar regras de origem cruzada - Ao configurar um CDN, inclua as extensões woff2, woff e ttf nas regras que repassam o cabeçalho Access-Control-Allow-Origin - Depois de cada troca de domínio ou de http para https, revise o valor do Access-Control-Allow-Origin para que ele bata com a origem real do site Erros relacionados - [Como corrigir fontes do Google que não carregam no Elementor](https://full.services/wp-fixer/corrigir-google-fonts-elementor/) - [Como corrigir o erro de fontes do Google entre Elementor e Perfmatters](https://full.services/wp-fixer/corrigir-fontes-google-elementor-perfmatters/) - [Como corrigir erros de cache entre o Elementor e o Cloudflare](https://full.services/wp-fixer/corrigir-cache-elementor-cloudflare/) --- ## 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-cors-fontes-elementor/#article", "headline": "Como corrigir o erro de CORS de fontes no Elementor", "url": "https://full.services/wp-fixer/corrigir-cors-fontes-elementor/", "inLanguage": "pt-BR", "datePublished": "2026-06-17T12:08:48-03:00", "dateModified": "2026-06-17T12:39:06-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-cors-fontes-elementor/" }, "wordCount": 837, "description": "O erro de CORS de fontes no Elementor ocorre quando o arquivo de fonte (woff2, woff ou ttf) e servido de um domínio diferente do site (CDN, subdominio ou proxy) sem o cabeçalho Access-Control-Allow-Origin. O navegador bloqueia a fonte por origem cruzada e o texto cai numa fonte de fallback, mesmo a fonte existindo e respondendo 200.", "articleSection": "Page Builders", "keywords": "access control allow origin fonte elementor, cors woff2 elementor, elementor fontes bloqueadas por cors, fonte elementor nao carrega cdn", "proficiencyLevel": "Advanced", "citation": { "@type": "CreativeWork", "url": "https://developer.mozilla.org/en-US/docs/Web/HTTP/Guides/CORS", "name": "MDN Web Docs — Cross-Origin Resource Sharing (CORS), Web Fonts" }, "mainEntity": { "@type": "SoftwareSourceCode", "name": "Como corrigir o erro de CORS de fontes no Elementor", "programmingLanguage": "Apache", "codeRepository": "https://full.services/wp-fixer/corrigir-cors-fontes-elementor/", "isAccessibleForFree": false } }, { "@type": "FAQPage", "@id": "https://full.services/wp-fixer/corrigir-cors-fontes-elementor/#faq", "isPartOf": { "@id": "https://full.services/wp-fixer/corrigir-cors-fontes-elementor/#article" }, "isAccessibleForFree": true, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-cors-fontes-elementor/#faq-q1", "name": "Por que a fonte aparece certa no editor do Elementor mas não no site", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Porque o editor carrega a fonte do mesmo contexto de edição, sem passar pela regra de origem cruzada. No frontend, quando a fonte vem de um CDN ou subdominio sem o cabeçalho Access-Control-Allow-Origin, o navegador a bloqueia e o texto cai na fonte de fallback do sistema.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-cors-fontes-elementor/#faq-q2", "name": "O erro de CORS quer dizer que a fonte não foi encontrada", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Não. Na aba Network a fonte costuma retornar status 200, ou seja, ela existe e respondeu. O bloqueio e de politica: a resposta veio sem o cabeçalho Access-Control-Allow-Origin liberando a origem do site, entao o navegador baixa o arquivo mas se recusa a aplica-lo na página.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-cors-fontes-elementor/#faq-q3", "name": "Posso usar Access-Control-Allow-Origin com coringa para resolver rápido", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Funciona, mas não e recomendado em producao porque autoriza qualquer site a consumir suas fontes e recursos. O ideal e informar o domínio exato do seu site, em HTTPS, e usar o coringa apenas como teste pontual para confirmar que a causa e mesmo CORS.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-cors-fontes-elementor/#faq-q4", "name": "Onde o Elementor guarda as fontes auto-hospedadas", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "As Fontes Personalizadas do Elementor Pro ficam na biblioteca de mídia, e o Google Fonts em modo de auto-hospedagem e gravado em wp-content/uploads/elementor/google-fonts. Se algum desses caminhos for reescrito para um host de CDN sem CORS, surge o bloqueio de origem cruzada.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-cors-fontes-elementor/#faq-q5", "name": "Como confirmo que o cabeçalho de CORS foi aplicado", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Abra o F12, va na aba Network, recarregue a página e clique no arquivo da fonte. Em Response Headers deve aparecer Access-Control-Allow-Origin com o domínio do seu site. Se aparecer, recarregue sem cache para ver a tipografia correta voltar ao frontend.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-cors-fontes-elementor/#faq-q6", "name": "Hospedar a fonte no próprio domínio elimina o erro de CORS", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Sim. Quando a fonte e servida da mesma origem do site, o navegador nem aplica a regra de origem cruzada, entao não ha cabeçalho de CORS para faltar. Por isso ativar a auto-hospedagem e excluir a pasta de fontes da reescrita do CDN e a solução mais estavel.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-cors-fontes-elementor/#faq-q7", "name": "Limpar o cache do site resolve o erro de CORS de fontes", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Sozinho, raramente. A limpeza ajuda depois que você já adicionou o cabeçalho no servidor ou no CDN, para descartar a resposta antiga sem CORS. Se o cabeçalho ainda não existe, limpar o cache não cria a permissao e o bloqueio continua.", "author": { "@id": "https://full.services/#org" } } } ] } ] } ```