--- title: "Como corrigir o erro de carregamento de fontes no WordPress" url: https://full.services/wp-fixer/corrigir-font-loading-wordpress/ date: 2026-06-17 author: "Clayton Margiotti" --- # Como corrigir o erro de carregamento de fontes no WordPress ## O que é o font loading lento no WordPress? Toda fonte personalizada declarada em uma regra @font-face precisa ser baixada antes de o navegador pintar o texto com ela. Sem nenhuma configuração, muitos navegadores escondem o texto enquanto esperam a fonte, criando o flash of invisible text (FOIT): o usuário ve espaco em branco onde deveria haver conteúdo. Quando a fonte enfim carrega, o texto aparece de uma vez. Em páginas WordPress o problema piora porque tema, page builder e plugins costumam puxar várias famosas familias do Google Fonts de um domínio externo, cada uma exigindo uma conexão nova e um arquivo separado. Adicionar font-display: swap, hospedar as fontes no próprio domínio e dar preload no arquivo da fonte principal são as três alavancas que tiram a fonte do caminho crítico e fazem o texto aparecer rápido com uma fonte de fallback do sistema. ## Como identificar - O texto da página fica invisivel por um instante e depois aparece de uma vez, o chamado flash of invisible text (FOIT), perceptivel principalmente na primeira visita sem cache. - O texto abre numa fonte do sistema (Arial ou Times) e troca para a fonte do tema depois de meio segundo, causando um salto visivel de layout. - O PageSpeed Insights aponta a oportunidade Ensure text remains visible during webfont load no relatório de performance. - Na aba Network do navegador, os arquivos woff2 ou woff aparecem demorando para baixar de fonts.gstatic.com ou de um domínio externo, depois dos demais recursos da página. ## Como prevenir - Mantenha o font-display: swap e a auto-hospedagem das fontes ativos, para nenhuma fonte nova voltar a esconder o texto ou depender de domínio externo - Sempre que adicionar uma fonte, sirva o arquivo em woff2 do próprio domínio e limite o número de familias e pesos realmente usados - Após cada troca de tema ou plugin, revise na aba Network se surgiram novas fontes externas e ajuste o preload da fonte acima da dobra Erros relacionados - [Como corrigir Eliminate render-blocking resources](https://full.services/wp-fixer/corrigir-render-blocking-resources-wordpress/) - [Como corrigir o erro de Critical CSS não gerado no WP Rocket](https://full.services/wp-fixer/corrigir-critical-css-wp-rocket/) - [Como corrigir LCP alto no WordPress (Core Web Vitals)](https://full.services/wp-fixer/corrigir-lcp-alto-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-font-loading-wordpress/#article", "headline": "Como corrigir o erro de carregamento de fontes no WordPress", "url": "https://full.services/wp-fixer/corrigir-font-loading-wordpress/", "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-font-loading-wordpress/" }, "wordCount": 877, "description": "O font loading lento no WordPress acontece quando as fontes web (woff2, woff ou ttf) demoram a baixar e o navegador segura o texto até a fonte chegar. O resultado e texto invisivel por um instante (FOIT) ou uma troca visivel de fonte (FOUT), o que atrasa a primeira pintura e eleva o LCP da página.", "articleSection": "Performance & Velocidade", "keywords": "carregar fontes mais rapido wordpress, flash of invisible text wordpress, font-display swap wordpress, fonte demora a carregar wordpress, preload fonts wp rocket", "proficiencyLevel": "Intermediate", "citation": { "@type": "CreativeWork", "url": "https://wp-rocket.me/google-core-web-vitals-wordpress/ensure-text-remains-visible-webfont-load/", "name": "WP Rocket — Ensure text remains visible during webfont load" }, "mainEntity": { "@type": "SoftwareSourceCode", "name": "Como corrigir o erro de carregamento de fontes no WordPress", "programmingLanguage": "Html", "codeRepository": "https://full.services/wp-fixer/corrigir-font-loading-wordpress/", "isAccessibleForFree": false } }, { "@type": "FAQPage", "@id": "https://full.services/wp-fixer/corrigir-font-loading-wordpress/#faq", "isPartOf": { "@id": "https://full.services/wp-fixer/corrigir-font-loading-wordpress/#article" }, "isAccessibleForFree": true, "mainEntity": [ { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-font-loading-wordpress/#faq-q1", "name": "O que e font loading lento no WordPress", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "E quando as fontes web demoram a baixar e o navegador segura o texto até a fonte chegar. Sem font-display: swap, isso causa o flash of invisible text (texto invisivel por um instante), e com fontes externas a conexão extra atrasa ainda mais a primeira pintura e piora o LCP.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-font-loading-wordpress/#faq-q2", "name": "Qual a diferenca entre FOIT e FOUT", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "FOIT (flash of invisible text) e quando o navegador esconde o texto até a fonte carregar, deixando espaco em branco. FOUT (flash of unstyled text) e quando o texto aparece de imediato numa fonte de fallback e depois troca pela definitiva. Com font-display: swap você troca o FOIT pelo FOUT, que e bem melhor para o usuário.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-font-loading-wordpress/#faq-q3", "name": "Para que serve o font-display: swap", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Ele instrui o navegador a mostrar o texto na hora com uma fonte do sistema e substituir pela fonte personalizada assim que ela carregar. Assim o usuário nunca fica olhando uma tela com espaco vazio no lugar do texto, e a percepcao de velocidade da página melhora.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-font-loading-wordpress/#faq-q4", "name": "Auto-hospedar o Google Fonts deixa o site mais rápido", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Sim, na maioria dos casos. Servir a fonte do seu próprio domínio elimina a conexão DNS e TLS extra com o servidor do Google e permite que a fonte aproveite o cache e o CDN do site. Também ajuda na privacidade, já que o navegador deixa de chamar um domínio externo a cada visita.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-font-loading-wordpress/#faq-q5", "name": "Por que fazer preload so da fonte principal", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Porque o preload tira a fonte do fim da fila e a coloca em prioridade no inicio do carregamento. Se você der preload em fontes demais, elas concorrem com recursos criticos e o efeito se perde. O ideal e fazer preload apenas da fonte usada acima da dobra, que e a que o usuário ve primeiro.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-font-loading-wordpress/#faq-q6", "name": "Qual formato de fonte e o mais rápido", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "O woff2 e o formato mais leve e mais bem suportado pelos navegadores atuais. Ele e bem menor que ttf e woff, entao baixa mais rápido. Sempre que possível, sirva suas fontes em woff2 e remova os formatos antigos que o tema carregue sem necessidade.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-font-loading-wordpress/#faq-q7", "name": "Reduzir o número de fontes ajuda na velocidade", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Ajuda bastante. Cada familia e cada peso e um arquivo separado para baixar. Limitar o site a uma ou duas familias e poucos pesos diminui o número de requisicoes que concorrem com o render, reduz o peso total da página e ainda deixa o layout mais consistente.", "author": { "@id": "https://full.services/#org" } } }, { "@type": "Question", "@id": "https://full.services/wp-fixer/corrigir-font-loading-wordpress/#faq-q8", "name": "O WP Rocket resolve o font loading lento sozinho", "inLanguage": "pt-BR", "acceptedAnswer": { "@type": "Answer", "text": "Ele resolve boa parte: aplica font-display: swap ao otimizar o CSS e oferece um campo para preload de fontes. Mas a auto-hospedagem do Google Fonts, a escolha do woff2 e a reducao de familias dependem de configuração. O caminho mais rápido e combinar os recursos do WP Rocket com esses ajustes e medir no PageSpeed.", "author": { "@id": "https://full.services/#org" } } } ] } ] } ```