Otimização de Fontes Locais: Reduzindo o Tempo de Carregamento do Seu Site

A hospedagem local de fontes significa que você serve os arquivos de fontes que utiliza em seu site a partir de sua própria conta de hospedagem, servidor ou CDN, em vez de depender de um serviço de terceiros. Quando implementada corretamente, essa prática pode reduzir o tempo de carregamento do seu site, minimizando as latências de resolução de DNS, handshake TLS e requisições externas; proporcionando benefícios mensuráveis, especialmente para os Core Web Vitals, a experiência do usuário e o desempenho de SEO. Para obter os melhores resultados, deve-se usar apenas os pesos de fonte necessários, preferir o formato WOFF2, pré-carregar fontes críticas e definir font-display: swap no CSS.

Muitos sites utilizam, sem perceber, links de fontes externas como Google Fonts, Adobe Fonts ou aquelas que vêm com temas durante a fase de design. Embora essa abordagem pareça prática à primeira vista, ela pode adicionar etapas de resolução de nome de domínio, conexão e download de arquivos para o navegador de cada visitante. Pequenas latências, que podem parecer insignificantes, como 100-300 ms em redes móveis, quando combinadas com várias famílias de fontes e diferentes pesos, podem prolongar significativamente o tempo de carregamento da página. Portanto, a abordagem de fontes auto-hospedadas não é apenas um detalhe técnico; é uma estratégia para um desempenho web mais rápido, controlado e sustentável.

Neste guia, discutiremos passo a passo o que é a hospedagem local de fontes, quando ela é vantajosa, como implementá-la em sites WordPress ou personalizados, e quais erros evitar de acordo com os padrões de SEO de 2026. Você também encontrará dicas práticas sobre como planejar a otimização de fontes enquanto utiliza uma infraestrutura de hospedagem rápida e segura na Hostragons. A escolha da sua hospedagem é fundamental para o desempenho; a otimização de fontes é um ajuste fino sobre essa base. Para opções de infraestrutura relevantes, você pode avaliar os Pacotes de hosting web Hostragons.

O Que é Hospedagem Local de Fontes?

Hospedagem local de fontes significa armazenar os arquivos de uma fonte no sistema de arquivos do seu site e servi-los aos visitantes a partir daí. Por exemplo, em vez de chamar Inter, Roboto ou Montserrat a partir do Google Fonts, você pode baixar os arquivos WOFF2 correspondentes e carregá-los na pasta /fonts ou /assets/fonts do seu site. Em seguida, você define o caminho desses arquivos no seu CSS utilizando a regra @font-face. Assim, o navegador, ao carregar a página, obtém o arquivo da fonte diretamente do seu domínio, sem precisar ir a serviços externos de fontes.

Essa abordagem é especialmente importante em termos de desempenho, privacidade e controle. Você determina em qual formato as fontes serão servidas, qual o tempo de cache, quais pesos serão carregados e em quais páginas serão utilizados. Por exemplo, se apenas os pesos 400 e 700 são utilizados no seu site, você não precisa hospedar arquivos desnecessários como 300, 500, 600 ou 800. Isso resulta na redução do tamanho total dos arquivos e na diminuição da complexidade do CSS.

Na prática, a aplicação de fontes auto-hospedadas tem três componentes principais: arquivos de fonte otimizados, definições de CSS corretas e cache de servidor eficaz. Se um desses três elementos faltar, o ganho de velocidade esperado pode ser limitado. Por exemplo, se você usar arquivos TTF antigos em vez de WOFF2, o tamanho do arquivo aumentará. Se os cabeçalhos de cache estiverem errados, o visitante poderá ter que baixar a mesma fonte em cada página. Se o preload for mal utilizado, o navegador poderá priorizar desnecessariamente.

Por Que a Otimização de Fontes é Importante para o SEO?

O Google avalia a experiência do usuário em seus sistemas de classificação usando sinais diretos e indiretos. A velocidade do site, a usabilidade móvel, a latência de interação e a estabilidade visual são fatores que se destacam nessa avaliação. As fontes podem influenciar o Largest Contentful Paint, o Cumulative Layout Shift e o tempo de carregamento percebido. Se o texto em destaque ou o conteúdo visível na primeira tela for renderizado com uma fonte especial, o carregamento tardio do arquivo da fonte pode atrasar o valor do LCP.

No enfoque de SEO de 2026, a qualidade do conteúdo é tão importante quanto a acessibilidade técnica. O Googlebot deve ser capaz de acessar seus arquivos de origem ao rastrear sua página, e os usuários devem conseguir visualizar a página de forma rápida e estável. A latência de conexão com provedores de fontes externas, problemas de acesso por país ou problemas de DNS que surgem ocasionalmente estão fora do controle do seu site. A hospedagem local de fontes reduz essa incerteza.

Vamos dar um exemplo focado na experiência: em um site corporativo com um tamanho total de página de 1,8 MB, ao usar quatro diferentes famílias de Google Fonts, oito pesos e duas variações, as requisições de fontes podem alcançar entre 450-700 KB. Mesmo que alguns desses arquivos não sejam utilizados na primeira tela, o navegador pode solicitá-los devido ao CSS. Quando o mesmo design é organizado com duas famílias de fontes, três pesos e um subset WOFF2, o tamanho da fonte pode ser reduzido para entre 90-180 KB. Essa diferença é especialmente perceptível em conexões 4G e dispositivos de baixo desempenho.

Comparação entre Serviços Externos de Fontes e Hospedagem Local de Fontes

Não existe uma única resposta correta para todos os sites. Em alguns projetos, um serviço externo de fontes pode ser suficiente; em outros, a hospedagem local pode oferecer resultados muito melhores. A tabela abaixo ajuda a visualizar rapidamente as principais diferenças ao tomar sua decisão.

Em resumo, se você busca controle e desempenho, a hospedagem local é uma opção mais robusta. No entanto, essa abordagem não deve ser vista como “baixar fontes e colocar no servidor” de forma simplista. Um formato de arquivo incorreto, pesos desnecessários ou um CSS com falhas podem piorar o desempenho em vez de melhorá-lo.

Impacto da Hospedagem Local de Fontes na Velocidade do Site

Os arquivos de fonte geralmente parecem pequenos; no entanto, eles podem se tornar recursos críticos na cadeia de carregamento da página. O navegador primeiro recebe o HTML, depois baixa os arquivos CSS e descobre as fontes definidas no CSS. Se seus títulos, menus ou corpo do texto dependem de uma fonte especial, o navegador pode esperar pelo arquivo da fonte antes de mostrar o texto. Nesse caso, o usuário pode ver uma área em branco, texto invisível ou uma mudança abrupta de fonte.

Três métricas são importantes para entender o impacto no desempenho. A primeira é o LCP, ou seja, quando o usuário vê o maior elemento de conteúdo na tela. A segunda é o CLS, que se refere aos deslocamentos causados pela diferença de largura e altura do texto devido à troca de fontes. A terceira é o INP, que se refere à sensibilidade à interação; embora as fontes não sejam a principal causa da métrica INP, um CSS pesado e recursos desnecessários podem ocupar a thread principal e causar efeitos indiretos.

Em uma estratégia de fontes bem otimizada, os objetivos são: a fonte utilizada na primeira tela deve ficar abaixo de 100 KB, variações desnecessárias não devem ser carregadas, os arquivos de fonte devem ser servidos com cache de longo prazo e fontes críticas devem ser pré-carregadas quando necessário. Se em uma página de produto de e-commerce apenas os pesos 400 e 700 de uma mesma família de fontes forem suficientes, carregar nove pesos diferentes é um custo desnecessário. Para potencializar a velocidade da sua infraestrutura de e-commerce, você pode conferir a página de Soluções de hospedagem de alto desempenho.

Formatos de Fonte Corretos para Fonts Auto-hospedadas

Por Que WOFF2 é a Melhor Opção?

O formato de fonte mais eficiente para a web moderna na maioria dos cenários é o WOFF2. O WOFF2 oferece uma boa taxa de compressão e é suportado pela grande maioria dos navegadores atuais. Embora arquivos TTF ou OTF possam ser adequados para design e uso em desktop, em termos de desempenho web, eles geralmente são excessivamente grandes. Formatos antigos como EOT só são relevantes para navegadores muito antigos.

Por exemplo, enquanto o arquivo TTF da mesma fonte pode ter 300 KB, a versão WOFF2 pode variar entre 80-120 KB. Ao utilizar múltiplos pesos, essa diferença se acumula. Portanto, ao fazer a hospedagem local, você deve usar o arquivo WOFF2 otimizado para web em vez de carregar o arquivo como está.

Você Deve Usar Fontes Variáveis?

Fontes variáveis podem armazenar múltiplos pesos ou variações de estilo em um único arquivo. Se o seu design utiliza muitos pesos, de 300 a 800, uma fonte variável pode ser sensata. No entanto, se você utiliza apenas os pesos 400 e 700, dois arquivos WOFF2 separados podem proporcionar um tamanho total menor. Ao decidir, você deve testar o tamanho do arquivo, o número de variações utilizadas e o suporte do navegador.

Uma abordagem experiente para desempenho é a seguinte: primeiro, liste os pesos de fonte realmente utilizados em seu sistema de design. Em seguida, compare o total de KB dos arquivos estáticos e das opções variáveis. Escolha a que for menor, mais simples e mais estável. Decisões estéticas e resultados de medições devem fazer parte do seu processo de design.

Como Fazer Hospedagem Local de Fontes?

As etapas a seguir podem ser adaptadas para WordPress, aplicações PHP personalizadas, projetos baseados em Laravel, Node.js e sites estáticos. A lógica é a mesma: remova fontes desnecessárias, otimize os arquivos necessários, sirva-os do seu próprio servidor e teste os resultados.

1. Audite o Uso Atual de Fontes

A primeira etapa é ver quais fontes seu site está chamando e de onde. Você pode usar o filtro "font" na aba Network do Chrome DevTools para listar todas as requisições de fontes. Além disso, pode verificar fontes bloqueadoras de renderização e requisições de terceiros nos relatórios do PageSpeed Insights, WebPageTest ou Lighthouse. Aqui, busque responder às seguintes perguntas: quantas famílias de fontes estão sendo utilizadas? Quantos pesos estão sendo carregados? De qual domínio as fontes estão vindo? Quantas realmente são necessárias na primeira tela?

Em muitos sites, temas, construtores de páginas e plugins chamam fontes separadamente. Por exemplo, enquanto o tema pode chamar Roboto, o construtor de páginas pode carregar Montserrat, e o plugin de formulários pode carregar Open Sans. Embora isso possa não ser visualmente perceptível, gera um custo de desempenho. Definindo um único sistema de design, geralmente você consegue reduzir significativamente o número de famílias de fontes.

2. Baixe e Simplifique os Arquivos de Fonte Necessários

Verifique as condições de licença da fonte escolhida. Fontes de código aberto geralmente permitem a hospedagem local; no entanto, fontes comerciais podem ter regras como limite de domínio ou licença de visualização de página. Após a aprovação da licença, baixe apenas os pesos e estilos que você realmente precisa. O suporte a caracteres Latin Extended é importante para o português; certifique-se de que os caracteres “ç, ã, õ, é, í” não estejam ausentes.

Para uma otimização adicional, você pode criar um subset. Um subset remove os conjuntos de caracteres não utilizados do arquivo de fonte. Para um site que publica em português e inglês, o Latin e o Latin Extended geralmente são suficientes. Caso você não utilize caracteres cirílicos, árabes ou gregos, removê-los do arquivo pode reduzir o tamanho. No entanto, em sites multilíngues, um erro apressado de subset pode resultar em textos com aparência estranha. Em projetos multilíngues, é importante planejar sua estratégia de domínio e idioma em conjunto com o conteúdo Guia de seleção de domínio e sites multilíngues.

3. Carregue as Fontes na Pasta Correta

Mantenha os arquivos de fonte em uma estrutura de pasta organizada. Por exemplo, você pode usar nomes de arquivos legíveis como /assets/fonts/inter/inter-400.woff2 e /assets/fonts/inter/inter-700.woff2. Adicionar informações de versão aos nomes dos arquivos facilita a gestão de cache: inter-400-v2.woff2, por exemplo. Assim, ao atualizar a fonte, você evita problemas com cache antigo.

Você pode usar o gerenciador de arquivos do seu painel de hospedagem, FTP ou um método de distribuição baseado em Git. As permissões de arquivo devem geralmente ser 644 e as permissões de pasta 755. Os arquivos de fonte devem ser legíveis publicamente; caso contrário, o navegador pode retornar um erro 403 e recorrerá à fonte do sistema. Verifique também a configuração do tipo MIME no servidor. O tipo de conteúdo correto para WOFF2 deve ser font/woff2.

4. Defina @font-face no CSS

O coração da hospedagem local de fontes é a regra @font-face. Uma definição simples segue esta lógica: @font-face { font-family: Inter; src: url('/assets/fonts/inter/inter-400.woff2') format('woff2'); font-weight: 400; font-style: normal; font-display: swap; }. Para a versão em negrito da mesma família de fontes, você deve adicionar uma definição separada com font-weight: 700.

Uma das linhas mais críticas aqui é o valor font-display: swap. Esse valor permite que o navegador exiba o texto com a fonte do sistema até que a fonte personalizada seja carregada. Isso reduz o problema de texto invisível. No entanto, ao usar swap, pode ocorrer um pequeno deslocamento durante a troca de fontes. Para minimizar isso, você deve escolher uma fonte de fallback que seja semelhante à fonte personalizada. Por exemplo, para Inter, Arial ou system-ui são geralmente boas opções de reserva.

5. Pré-carregue Fontes Críticas

O preload é um sinal forte que indica ao navegador que um recurso específico deve ser baixado antecipadamente. Pré-carregar o arquivo principal da fonte usado nos títulos e no corpo do texto da primeira tela pode melhorar o LCP. No entanto, pré-carregar todas as fontes é um erro. O navegador pode desperdiçar largura de banda em recursos desnecessários, atrasando imagens ou CSS crítico.

Como regra geral, pré-carregue apenas 1 ou no máximo 2 arquivos de fonte que são absolutamente necessários na primeira tela. Por exemplo, se a fonte do corpo principal é 400 e a fonte do título é 700 e aparecem na primeira tela, esses dois arquivos podem ser candidatos. Se a fonte em itálico não é utilizada na primeira tela da página de detalhes do blog, não a pré-carregue. Após o preload, verifique na aba Network se a fonte realmente foi baixada antecipadamente e se não houve downloads duplicados.

6. Configure as Definições de Cache e Compressão

Os arquivos de fonte são ativos estáticos que geralmente não mudam com frequência. Portanto, devem ser servidos com configurações de cache de longo prazo. Uma estratégia comum para o cabeçalho Cache-Control é public, max-age=31536000, immutable. Quando você usa versões nos nomes dos arquivos, um ano de cache se torna seguro; pois, ao precisar de uma atualização, você mudará o nome do arquivo.

WOFF2 já é um formato comprimido; portanto, não se espera um grande ganho adicional com Brotli ou Gzip. Mesmo assim, o desempenho de entrega de arquivos estáticos do seu servidor é importante. Se você utiliza vantagens de infraestrutura como LiteSpeed, disco NVMe e configurações de cache adequadas na Hostragons, os arquivos de fonte podem responder muito mais rapidamente. A configuração correta do SSL no lado da infraestrutura também é crucial para o desempenho HTTP/2 e HTTP/3; você pode encontrar informações úteis na guia de instalação do certificado SSL e HTTPS.

Hospedagem Local de Fontes em Sites WordPress

A otimização de fontes no WordPress varia de acordo com o tema, o plugin e o construtor de páginas. Primeiro, verifique se o seu tema permite desativar as requisições do Google Fonts. Muitos temas modernos oferecem a opção de desativar o Google Fonts nas configurações de tipografia. Elementor, blocos do Gutenberg ou plugins de sliders também podem ter suas próprias configurações de fonte. Revise todos os componentes individualmente para evitar que a mesma fonte seja carregada repetidamente de diferentes fontes.

Do ponto de vista técnico, o método mais limpo é hospedar os arquivos de fonte dentro de um tema filho e adicionar as definições de CSS ao seu arquivo de estilo do tema. A hospedagem local de fontes também pode ser feita usando plugins; no entanto, aumentar desnecessariamente o número de plugins pode contradizer o objetivo de desempenho. Se você optar por usar um plugin, verifique a data da última atualização, a compatibilidade com PHP e a compatibilidade com seu plugin de cache.

Antes de fazer alterações em seu site WordPress, faça um backup. Ao remover as chamadas de fontes, você pode acidentalmente quebrar fontes de ícones ou estilos do painel administrativo. Especialmente em sites WooCommerce, é necessário testar as páginas de carrinho, checkout e conta. Se você está buscando uma infraestrutura orientada ao desempenho para seu site WordPress, pode avaliar o Pacotes de hospedagem WordPress em seu conteúdo.

Checklist de SEO Técnico e Core Web Vitals

Após realizar a otimização de fontes, não é suficiente apenas verificar se “o site está carregando”. É necessário medir, comparar os valores anteriores e posteriores e realizar testes próximos à experiência real do usuário. O checklist abaixo oferece um bom ponto de partida prático.

• Verifique na aba Network se as requisições de fontes externas como Google Fonts ou fonts.gstatic foram removidas.
• Mantenha o número total de arquivos de fonte entre 2-4, se possível.
• Assegure-se de que você está usando o formato WOFF2 e que os tamanhos dos arquivos são razoáveis.
• Teste font-display: swap ou, em cenários adequados, o valor optional.
• Evite pré-carregamento desnecessário, exceto para a fonte crítica utilizada na primeira tela.
• Verifique se os cabeçalhos Cache-Control são adequados para cache de longo prazo.
• Teste se os caracteres em português aparecem corretamente em todos os navegadores.
• Compare os resultados do PageSpeed Insights para dispositivos móveis, Lighthouse e WebPageTest com os resultados anteriores às alterações.

Não confie em um único resultado de teste. As condições da rede, a carga do servidor e a localização do teste afetam os resultados. Realizar pelo menos três testes e observar a tendência média é mais saudável. Se o LCP diminuir de 2,8 segundos para 2,3 segundos, isso é um desenvolvimento significativo. Se, após a otimização de fontes, o CLS aumentar, revise a escolha da fonte de fallback e as métricas de fontes.

Erros Comuns

Usar Muitas Famílias de Fontes

O erro mais comum é buscar uma diversidade desnecessária no design. Quando se usa uma fonte para o título, outra para o parágrafo, uma terceira para botões e uma quarta para citações, os custos de desempenho aumentam. A maioria dos sites profissionais pode criar uma identidade visual forte com uma ou duas famílias de fontes. A consistência na tipografia é valiosa tanto para a velocidade quanto para a percepção da marca.

Escolher uma Fonte de Fallback Incorreta

Se a fonte do sistema exibida antes do carregamento da fonte personalizada tiver medidas muito diferentes daquela que chega depois, pode haver deslocamentos de texto. Isso pode aumentar o valor do CLS. Ao escolher a fonte de fallback, preste atenção à semelhança na altura da letra x, largura das letras e altura da linha. Teste opções como system-ui, Arial, Helvetica e Georgia de acordo com seu design.

Pré-carregar Todos os Arquivos

O preload é uma ferramenta poderosa, mas pode ser prejudicial se utilizada incorretamente. Pré-carregar todos os pesos de fontes pode desorganizar a prioridade do navegador. Isso pode piorar em vez de melhorar o LCP, especialmente em páginas com imagens hero. A decisão de preload deve ser baseada no uso real na primeira tela e nos resultados dos testes.

Ignorar as Condições de Licença

Nem todas as fontes são gratuitas ou ilimitadas. As licenças de fontes comerciais podem conter diferentes condições. Publicar uma fonte que não permite hospedagem local pode trazer riscos legais. Antes de publicar fontes, arquive o texto da licença e mantenha-o na documentação do projeto.

Segurança, Privacidade e Tamanho da Infraestrutura

A hospedagem local de fontes não se relaciona apenas com a velocidade; também oferece vantagens em termos de privacidade e segurança. Quando serviços externos de fontes são utilizados, o navegador do visitante pode enviar requisições para domínios de terceiros. Em alguns setores, isso deve ser avaliado em termos de LGPD e processos de tratamento de dados. Como as requisições de fonte na hospedagem local ocorrem através do seu próprio domínio, o fluxo de dados se torna mais previsível.

No lado da infraestrutura, o HTTPS é obrigatório. Se os arquivos de fonte forem chamados via HTTP, podem ocorrer problemas de conteúdo misto ou bloqueios do navegador. A correta configuração de DNS do seu domínio, o certificado SSL e o desempenho da hospedagem desempenham um papel fundamental nesse aspecto. Se você está iniciando um novo projeto, pode conferir a página de Consulta de domínio e registro para escolher um domínio, a página de certificados SSL para publicação segura e a página de Soluções de hosting Hostragons para hospedagem robusta.

Além disso, se você estiver usando uma CDN, verifique as configurações de CORS para os arquivos de fonte. Se as fontes são servidas de um subdomínio diferente, o cabeçalho Access-Control-Allow-Origin pode ser necessário. Caso contrário, o navegador pode não baixar e usar o arquivo de fonte. Servir a partir do mesmo domínio é geralmente mais simples e sem problemas para a maioria dos sites pequenos e médios.

Como Medir os Ganhos de Desempenho?

A prova de uma otimização bem-sucedida é a medição. Primeiro, registre a situação atual: número total de requisições de fontes, tamanho total de fontes, LCP, CLS e tempo total de carregamento. Em seguida, aplique a hospedagem local e teste as mesmas páginas com as mesmas ferramentas. Meça diferentes templates como a página inicial, post de blog, página de categoria e, se houver, página de produto separadamente.

Em um cenário de exemplo, em um site de blog com 6 requisições de fontes e 420 KB de dados de fonte inicialmente, após a otimização, é possível reduzir para 2 requisições de fontes e 96 KB de dados de fonte. A pontuação de desempenho do Lighthouse para dispositivos móveis pode subir de 72 para 86; o LCP pode cair de 3,1 segundos para 2,4 segundos. Esses números não são garantidos, pois imagens, JavaScript e o tempo de resposta do servidor também influenciam. No entanto, a otimização de fontes é geralmente uma das melhorias que podem ser implementadas rapidamente e cujo efeito é fácil de medir.

Para dados reais de usuários, o Chrome User Experience Report, o relatório Core Web Vitals do Search Console ou ferramentas RUM fornecem insights mais valiosos. Testes em laboratório são bons para identificar problemas; no entanto, dados de usuários reais mostram o efeito da otimização no campo. Se seu site tiver tráfego intenso, é mais seguro implementar a mudança primeiro em um ambiente de staging e depois em horários de baixo risco.

Mini Plano Aplicável: Otimização de Fontes em 60 Minutos

Se você tem pouco tempo, pode começar rapidamente com o plano abaixo. Nos primeiros 10 minutos, use o DevTools para listar as requisições de fontes atuais e faça uma captura de tela. Nos próximos 10 minutos, determine as famílias de fontes e pesos realmente utilizados no design. Dentro de 15 minutos, baixe os arquivos WOFF2 necessários, verifique os caracteres em português e carregue-os na pasta /assets/fonts.

Em seguida, passe 15 minutos adicionando as definições de CSS @font-face, usando font-display: swap e removendo os antigos links de fontes externas. Nos últimos 10 minutos, faça testes em dispositivos móveis, verifique na aba Network se não há requisições de fontes externas e controle a página em diferentes navegadores. Após isso, você pode tratar otimizações adicionais como cabeçalhos de cache, preload e subsets.

Esse plano proporciona resultados rápidos, especialmente para sites de pequenas empresas, blogs e páginas de apresentação corporativa. Para grandes projetos de e-commerce ou SaaS, no entanto, a otimização de fontes deve ser tratada em conjunto com o sistema de design, a biblioteca de componentes e o processo de distribuição.

Conclusão

A hospedagem local de fontes é uma abordagem eficaz que, quando implementada corretamente, melhora a velocidade do site, a experiência do usuário e a qualidade do SEO técnico. Os pontos mais importantes incluem o uso de WOFF2, a remoção de pesos desnecessários de fontes, a definição de font-display, o pré-carregamento cuidadoso de fontes críticas e a entrega de arquivos com configurações de cache robustas. Esse processo, por si só, não resolve todos os problemas de desempenho, mas pode fornecer um ganho rápido, confiável e mensurável.

Quanto mais poderosa for sua infraestrutura de hospedagem, maior será o retorno que você obterá das otimizações. Se deseja tornar seu site mais rápido e seguro, você pode explorar as soluções de hospedagem, domínio e SSL da Hostragons; a otimização de fontes pode ser aplicada como parte do seu plano geral de desempenho. Sem pressão de vendas, primeiro meça, depois melhore e valide os resultados com a experiência do usuário.

Perguntas Frequentes

A hospedagem local de fontes é sempre mais rápida do que o Google Fonts?

Não necessariamente. Se houver um bom cache, uso de WOFF2, um número reduzido de arquivos e uma boa resposta do servidor, geralmente será mais previsível e rápido. No entanto, fontes locais mal configuradas podem ser mais lentas do que um uso externo otimizado.

Qual formato de fonte devo usar para fontes auto-hospedadas?

Na maioria dos casos, WOFF2 é a melhor opção para sites modernos. Oferece um tamanho de arquivo menor e amplo suporte a navegadores. Arquivos TTF ou OTF geralmente são excessivos para o desempenho da web.

Quantos pesos de fonte é ideal usar?

Para a maioria dos sites, os pesos 400 e 700 são suficientes. Em alguns designs, 500 ou 600 podem ser adicionados; no entanto, cada novo peso implica em custo de arquivo e carregamento. Pesos não utilizados devem ser removidos.

É obrigatório usar font-display: swap?

Não é obrigatório, mas geralmente é recomendado em muitos cenários. Permite que o texto seja exibido até que a fonte personalizada seja carregada e reduz o problema de texto invisível. Deve-se escolher uma fonte de fallback adequada para evitar o CLS.

Preciso de um plugin para hospedar fontes localmente no WordPress?

Não, não é obrigatório. Hospedar os arquivos de fonte dentro de um tema filho e defini-los com CSS é um dos métodos mais limpos. No entanto, se seu conhecimento técnico for limitado, um plugin confiável e atualizado também pode ser utilizado.