Quando reformulamos o site do WPBeginner em 2021, uma das coisas que fizemos foi desativar as fontes personalizadas de terceiros, como o Google Fonts, e mudar para as fontes do sistema.
Isso pode parecer uma pequena mudança, mas na verdade fez uma grande diferença! Vimos que o tempo de carregamento de nossas páginas melhorou, o que significa uma experiência melhor para nossos leitores, especialmente aqueles com conexões de Internet mais lentas.
Há também alguns motivos legais pelos quais você pode querer parar de usar o Google Fonts. Se você tiver visitantes da Europa, o uso do Google Fonts pode fazer com que seu site não esteja em conformidade com o GDPR, e ninguém quer ter esse tipo de problema!
Portanto, se você estiver pensando em fazer a mudança, este guia mostrará como desativar facilmente o Google Fonts no seu site WordPress. Vamos orientá-lo nas etapas, para que você possa aumentar a velocidade do seu site e mantê-lo no lado certo da lei.
Por que desativar o Google Fonts em seu site WordPress?
A tipografia que você escolhe para o seu site WordPress desempenha um papel importante no design e na identidade da marca. É por isso que muitos proprietários de sites personalizam sua tipografia usando o Google Fonts.
Entretanto, carregar muitas fontes terá um impacto negativo no desempenho do WordPress. Por isso, recomendamos que você escolha apenas duas fontes e as use em todo o site.
Como alternativa, você pode desativar totalmente o Google Fonts e simplesmente usar as fontes do sistema que vêm com o computador do usuário. Elas têm ótima aparência e carregam muito mais rápido, especialmente para usuários com conexão lenta.
É por isso que decidimos desativar o Google Fonts quando reformulamos o site do WPBeginner. Queríamos que fosse fácil para todos aprenderem a usar o WordPress e aumentarem sua presença on-line, mesmo que sua conexão com a Internet não seja das melhores.
Desativar o Google Fonts pode não ser a decisão certa para todos os sites ou blogs de negócios. No entanto, se você tiver visitantes de áreas com qualidade de Internet ruim, essa é uma maneira de proporcionar uma melhor experiência ao usuário.
Além disso, há problemas de privacidade com o Google Fonts que podem fazer com que seu site não esteja em conformidade com leis como o GDPR. Desativar o Google Fonts reduz o risco de seu site ser pego em violação de qualquer lei internacional de privacidade.
Dito isso, vamos dar uma olhada em como desativar o Google Fonts no WordPress.
Como desativar o Google Fonts no WordPress com um plug-in
A primeira coisa que você precisa fazer é instalar e ativar o plug-in Disable and Remove Google Fonts. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.
Após a ativação, o plug-in desativará automaticamente todas as fontes do Google usadas por seu tema e plug-ins. Ele não precisa ser configurado.
Agora o WordPress usará automaticamente uma fonte padrão no lugar de qualquer fonte do Google Fonts que estava sendo usada. Você deve verificar cuidadosamente seu site para ter certeza de que está satisfeito com as fontes que estão sendo usadas agora.
Se quiser escolher fontes diferentes, consulte nosso guia sobre como alterar fontes em seu tema do WordPress.
Como desativar o Google Fonts no OptinMonster
O OptinMonster é o melhor plug-in de geração de leads para WordPress, e mais de 1,2 milhão de sites usam o software para aumentar sua lista de e-mails, aumentar as vendas e obter mais leads.
No entanto, o OptinMonster usa o Google Fonts por padrão. Felizmente, é fácil desativá-las.
Desativação do Google Fonts em campanhas individuais da OptinMonster
Primeiro, você deve visitar o site da OptinMonster e fazer login no Painel de Controle da Campanha. Depois disso, você precisa clicar em uma campanha e, em seguida, clicar no botão “Editar campanha”.
Isso abrirá o OptinMonster Campaign Builder.
Em seguida, você precisa clicar no ícone “Settings” (Configurações) no canto inferior esquerdo da barra de rodapé.
No painel da barra lateral, você precisa selecionar a guia “Advanced” (Avançado).
Agora você pode rolar para baixo até a seção “Display Settings” (Configurações de exibição) e alternar “Enable web fonts?” (Ativar fontes da Web?) para a posição desativada.
Depois de clicar no botão “Salvar” na parte superior da tela, as fontes de terceiros serão desativadas para essa campanha.
Você precisará repetir essas etapas para cada outra campanha da qual deseja remover o Google Fonts.
Desativando o Google Fonts para todas as campanhas da OptinMonster
Se você se sentir à vontade para adicionar trechos de código JavaScript ao seu site, poderá desativar o Google Fonts em todas as campanhas do OptinMonster de uma só vez.
Para desativar o Google Fonts em todas as campanhas, você precisa adicionar esse snippet no cabeçalho ou no rodapé do seu site:
<script type="text/javascript">
document.addEventListener('om.Scripts.init', function(event) {
event.detail.Scripts.enabled.fonts.googleFonts = false;
});
</script>
Se você quiser desativar todas as fontes da Web, inclusive Google Fonts e FontAwesome, adicione este trecho de código:
<script type="text/javascript">
document.addEventListener('om.Scripts.init', function(event) {
event.detail.Scripts.enabled.fonts = false;
});
</script>
A maneira mais fácil de adicionar esses trechos de código é com o WPCode, o plug-in de trecho de código mais avançado disponível para o WordPress. Ele permite que você adicione facilmente códigos personalizados a qualquer área do seu site e, o melhor de tudo, é gratuito.
Primeiro, você precisa instalar e ativar o plugin gratuito WPCode. Para obter mais detalhes, consulte nosso guia passo a passo sobre como instalar um plug-in do WordPress.
Depois de ativado, você precisa ir para Code Snippets ” Headers & Footer.
Basta colar o trecho de código no campo Cabeçalho e clicar no botão “Salvar alterações”.
Guias especializados sobre fontes no WordPress
Esperamos que este tutorial tenha ajudado você a aprender como desativar o Google Fonts em seu site WordPress. Talvez você também queira ver alguns outros artigos relacionados a fontes no WordPress:
- Como tornar o Google Fonts compatível com a privacidade
- Como adicionar fontes personalizadas no WordPress
- Como adicionar o Google Web Fonts em temas do WordPress da maneira “correta”
- Como alterar as fontes em seu tema do WordPress
- Como hospedar fontes locais no WordPress para um site mais rápido
- Como alterar facilmente o tamanho da fonte no WordPress
- Como alterar a cor do texto no WordPress
- Melhores plug-ins de tipografia do WordPress para aprimorar seu design
- Como adicionar uma tipografia incrível no WordPress com o Typekit
Se você gostou deste artigo, inscreva-se em nosso canal do YouTube para receber tutoriais em vídeo sobre o WordPress. Você também pode nos encontrar no Twitter e no Facebook.
Tem alguma dúvida ou sugestão? Deixe um comentário para iniciar a discussão.