Como alterar a fonte no tema WordPress - 3 métodos (2024)

alterar o tema da fonte do wordpress

Tem problemas ao tentar alterar a fonte em um tema do WordPress?

A tipografia do seu site é crucial tanto para a marca quanto para a usabilidade, portanto, é importante escolher o tipo de letra certo.

Felizmente, a maioria dos temas do WordPress inclui a capacidade de alterar as fontes, embora alguns sejam mais flexíveis do que outros a esse respeito. Além disso, existem plugins disponíveis que podem ser usados ​​com qualquer tema.

Começaremos este post demonstrando como usar as opções internas do tema para alterar a fonte em um tema WordPress.

Além disso, se o seu tema ainda não inclui as fontes que você deseja, compartilharemos alguns plugins gratuitos que você pode usar para adicionar mais opções de fonte a qualquer tema do WordPress, mesmo que não tenha opções integradas flexíveis.

Também demonstraremos como usar o editor do WordPress para modificar as fontes usadas em partes específicas do conteúdo.

 

1. Como alterar a fonte em um tema WordPress usando o WordPress Customizer

Normalmente, você pode encontrar as opções de fonte de um tema no WordPress Customizer nativo, que é onde a maioria dos temas do WordPress em 2022 depende da personalização de estilo e design.

Demonstraremos como usar essas opções de fonte integradas usando nosso tema Neve adaptável como exemplo nesta primeira seção.

É crucial lembrar que cada tema lida com as coisas de forma um pouco diferente. Neve também é um tema bastante adaptável, então há uma boa chance de seu tema não ter tantas opções de fonte.

Com isso dito, você deve poder seguir esse método com qualquer tema e pelo menos acessar algumas opções de fonte.

Abra o Personalizador do WordPress

Abra o Personalizador do WordPress

Para começar, vá para Aparência → Personalizar para abrir o WordPress Customizer:

Localize as configurações de fonte/tipografia

Como alterar a fonte no tema WordPress

Localize as configurações de fonte/tipografia para o seu tema em seguida. Infelizmente, eles estão localizados de forma diferente para cada tema, então você pode precisar vasculhar as várias seções de configurações.

Você encontrará uma opção de nível superior para o tema Neve chamada Tipografia; clique nele para escolhê-lo.

Escolha fontes e salve as alterações

Agora você pode decidir como proceder. Dependendo do tema, você poderá ver uma divisão adicional das configurações de tipografia pelo tipo de conteúdo. Isto é o que o tema Neve faz:

Por exemplo, você pode abrir as configurações de fonte para os títulos do seu tema (como o post ou o título da página) e alterar a fonte do WordPress. Você pode ver que existem inúmeras fontes disponíveis ao usar o tema Neve:

As fontes na visualização ao vivo do seu tema devem ser atualizadas automaticamente conforme você faz suas seleções.

Para ativar suas novas seleções de fonte, clique no botão azul Publicar quando estiver satisfeito com a aparência de tudo.

2. Como adicionar o Google Fonts a qualquer tema do WordPress

Se você seguiu o tutorial acima sobre como alterar as fontes em um tema WordPress e ficou desapontado com as opções de fonte integradas do seu tema, use um plug-in que dá acesso a mais opções de fonte, especificamente aos milhares de fontes no catálogo do Google, é uma boa opção de fallback.

O plugin gratuito Easy Google Fonts é uma das opções mais populares disponíveis aqui.

Você pode selecionar entre as mais de 600 fontes gratuitas oferecidas pelo Google Fonts usando Fácil Fontes do Google, que se integra a qualquer tema do WordPress.

Para aqueles que não estão familiarizados, o Google Fonts é provavelmente a fonte mais conhecida de fontes gratuitas e oferece seleção mais do que suficiente para a maioria dos sites.

Vamos mudar para o tema padrão do Twenty Twenty One (que tem controles de tipografia muito básicos) para demonstrar como isso funciona antes de configurar o plugin para adicionar mais opções de fonte.

Instale e ative o plugin

Instale e ative o plugin

Instale e ative o plug-in Easy Google Fonts do WordPress.org para começar. Se você não tiver certeza de como fazer isso, você pode usar o guia sny sobre como instalar um plugin do WordPress.

Escolha quais Google Fonts usar

Escolha quais Google Fonts usar

As fontes que você deseja usar devem ser selecionadas. O site do Google Fonts facilita a navegação em todas as suas opções, pois você pode ver visualizações de cada fonte, embora possa acessar a lista completa nas configurações do plug-in.

Se você precisar de algumas ideias, consulte nossa seleção das principais fontes do Google. Além disso, você normalmente deve escolher pelo menos duas fontes complementares.

Depois de descobrir uma fonte que você gosta, certifique-se de anotar o nome da fonte para que você possa se lembrar dela mais tarde. Selecione os estilos específicos de sua preferência também. Por exemplo, "Médio 500".

Abra o WordPress Customizer e edite as fontes.

Para acessar o WordPress Customizer, vá para Aparência > Personalizar no painel do WordPress.

O menu da barra lateral agora deve ter uma seção de "tipografia" na parte superior. Essas configurações são controladas pelo plug-in Easy Google Fonts, não pelo seu tema:

Selecione Tipografia Padrão no submenu.

Para vários tipos de conteúdo em seu site, agora você pode selecionar uma fonte do Google Fonts:

  • Parágrafos – o texto dentro das páginas/postagens.
  • Título 1 – o título da postagem/página do seu blog.  
  • Título 2 – o título de nível superior dentro de sua postagem/página.
  • Título 3 – um subtítulo abaixo do título 2.

Clique em Editar fonte para o tipo de conteúdo que deseja alterar. O nome da fonte e o peso são seus para escolher. Você deve ver a visualização ao vivo da atualização do seu site enquanto toma suas decisões.

Quando estiver satisfeito com suas seleções, clique em Publicar para publicar suas novas fontes.

3. Como alterar as fontes do WordPress no editor

Demonstramos como alterar a fonte em um tema WordPress para todo o seu site usando os dois métodos mencionados acima. Em outras palavras, todo o texto do parágrafo em seu site será alterado se você alterar a fonte do texto do parágrafo.

No entanto, pode haver momentos em que você só precise alterar as fontes para uma única seção de conteúdo.

Use o plug-in gratuito "Fonts Plugin" para configurar isso (que também permite adicionar fontes personalizadas ao seu tema WordPress, bem como o plug-in Easy Google Fonts na seção anterior).

Você receberá um novo bloco Google Fonts que permite adicionar texto usando qualquer Google Font após instalar e ativar o plug-in gratuito. Além disso, você pode selecionar títulos ou texto de parágrafo usando as configurações de bloco:

Como alterar a fonte em um tema WordPress

Você deve ser capaz de modificar a fonte em um tema WordPress neste momento.

As opções de tipografia integradas do WordPress Customizer podem ser usadas se você já tiver um tema flexível instalado, como Neve.

Se o seu tema não tiver muitas opções integradas, você também pode adicionar suporte para as mais de 600 fontes do Google Fonts usando o plug-in Easy Google Fonts (ou o plug-in de fontes que mostrei na seção de bônus).

Visite qualquer guia sobre como converter qualquer tema do WordPress em um site de marca personalizada para obter sugestões adicionais sobre como personalizar e marcar seu tema.

Se você quiser ver este guia em vídeo, clique no vídeo abaixo.

IMH

Você quer um site rápido?

Quem eu estou enganando? Não todos nós?

Então, por que tantos de nós lutamos?

O maior desafio geralmente é encontrar uma empresa de hospedagem rápida e confiável.

Todos nós já passamos por pesadelos - suporte demora uma eternidade ou não resolve nosso problema sempre culpando algo do seu lado... 

Mas a maior chatice é que o site sempre parece lento.

At CollectiveRay nós hospedamos com hospedagem InMotion e nosso site é estúpido rápido. Executamos em uma pilha personalizada de configuração de servidor LightSpeed ​​em MariaDB com um mecanismo PHP7.4 e gerenciado por Cloudflare. 

Combinado com nossas otimizações de front-end, atendemos de forma confiável 6000 usuários todos os dias, com picos de mais de 50 usuários simultâneos. 

Quer obter uma configuração rápida como a nossa? Transfira seu site gratuitamente para a hospedagem InMotion e ganhe nosso desconto de 50% sobre os preços atuais.

Experimente o InMotion Hosting com 50% OFF para CollectiveRay visitantes SOMENTE em novembro de 2024!

Hospedagem InMotion com 50% de desconto para CollectiveRay visitantes

Alterar fonte nas perguntas frequentes sobre o tema WordPress

Como posso alterar o tamanho da fonte no WordPress sem usar CSS?

Você pode alterar as fontes na maioria dos temas com o WordPress Theme Customizer. O Theme Customizer, encontrado em Appearance »Customize, é a melhor ferramenta para isso. Você pode alterar o tamanho da fonte em alguns temas do WordPress. Você pode usá-lo sem escrever código CSS se encontrar essa opção.

Como posso alterar o estilo da fonte usando HTML?

Você pode usar o propriedade de estilo em HTML para alterar o estilo da fonte do texto usando HTML. O estilo embutido de um elemento é especificado por meio da propriedade style. O atributo é usado com as propriedades CSS font-family, font-size, font-style e HTML marcação. A tag não é compatível com HTML5, portanto, o estilo CSS é usado para modificar a fonte. 

Sobre o autor
Shahzad Saeed
Shahzaad Saaed apareceu em um grande número de sites de autoridade, incluindo EasyDigitalDownloads, OptinMonster e WPBeginner, onde atualmente trabalha como redator de conteúdo sênior. Shahzad é especialista em WordPress, web designer e especialista em tecnologia e design em geral. Ele é especialista em marketing de conteúdo para ajudar as empresas a aumentar seu tráfego por meio de artigos, blogs e guias especializados acionáveis ​​e baseados em experiência, todos extraídos de seus mais de 10 anos de experiência na área.

Mais uma coisa... Você sabia que as pessoas que compartilham coisas úteis como esta postagem também parecem FANTÁSTICAS? ;-)
. deixe um útil comente com suas ideias, depois compartilhe com seu (s) grupo (s) do Facebook, que considerariam isso útil e vamos colher os benefícios juntos. Obrigado por compartilhar e ser legal!

Divulgação: Esta página pode conter links para sites externos de produtos que amamos e recomendamos de todo o coração. Se você comprar produtos que sugerimos, podemos receber uma taxa de referência. Essas taxas não influenciam nossas recomendações e não aceitamos pagamentos por análises positivas.

Autor (es) em destaque em:  Logotipo da revista Inc   Logotipo do Sitepoint   Logotipo do CSS Tricks    logotipo do webdesignerdepot   Logotipo WPMU DEV   e muitos mais ...