5 maneiras fáceis de alterar fontes no WordPress

Publicados: 2024-08-06

As fontes são cruciais para o design do seu site, pois influenciam o tom e a aparência geral. Dependendo da seleção da fonte, ela pode melhorar ou arruinar a aparência do seu site.

As fontes da Web, fornecidas por serviços como Google, Adobe e FontSpace, permitem incorporar fontes diretamente em seu site. Ao contrário das fontes de desktop, as fontes da web são armazenadas na nuvem e carregam rapidamente quando os visitantes acessam seu site. Isso simplifica o uso de várias fontes sem incorporação manual.

Depois de selecionar sua fonte, você precisará saber como usá-la em seu site.

Neste blog, exploraremos vários métodos para alterar fontes no WordPress. Você pode escolher a forma preferida dependendo do seu tema, se precisa de um plugin ou adicioná-los manualmente. Orientaremos você em cada método, para que você possa personalizar facilmente a tipografia do seu site.

Vamos nos aprofundar em como alterar as fontes no WordPress e dar ao seu site o toque tipográfico perfeito.

Antes disso, devemos saber:

Por que alterar as fontes do seu site WordPress

Alterar as fontes do seu site WordPress é importante porque ajuda a definir o clima e o estilo do seu site. As fontes certas podem tornar seu conteúdo mais envolvente e fácil de ler, enquanto as erradas podem fazer com que seu site pareça pouco profissional.

  • Fontes claras e bem escolhidas facilitam a leitura do texto.
  • Fontes diferentes podem dar ao seu site uma aparência única.
  • As fontes ajudam a refletir a personalidade e a mensagem da sua marca.
  • Boas fontes podem destacar títulos e informações importantes.

No geral, alterar as fontes é uma maneira simples de aumentar a aparência e a eficácia do seu site.

Tipos de fontes da web

Assim como as fontes de desktop, as fontes da web vêm em quatro tipos principais:

  • Serif: As fontes Serif apresentam elementos decorativos na parte superior e inferior de cada letra. Eles são mais usados ​​para títulos devido ao seu estilo ornamentado.
  • Sans Serif: As fontes Sans Serif têm uma aparência limpa e direta, tornando-as adequadas tanto para títulos quanto para corpo de texto.
  • Script: As fontes Script têm uma aparência divertida e cursiva e devem ser usadas com moderação para evitar sobrecarregar seu design.
  • Exibição: as fontes de exibição são ousadas e chamam a atenção. Eles funcionam bem para títulos, mas devem ser usados ​​com moderação e nunca como corpo de texto.

Agora que você aprendeu a importância e os tipos de fontes, vamos ver como alterar as fontes no WordPress.

Como alterar fontes no WordPress

Existem algumas maneiras de alterar as fontes do seu site WordPress. Já demos uma ideia sobre os caminhos no início.

Mostraremos como alterar as fontes do seu site WordPress de 5 maneiras fáceis usando-

  1. Personalizador de tema WordPress
  2. Editor de site completo WordPress
  3. Plug-in de fonte WordPress
  4. Editor de conteúdo WordPress
  5. Editor de blocos WordPress

Agora vamos ver os detalhes, certo?

1. Como alterar fontes no personalizador de temas do WordPress

Alterar a fonte do seu site é simples com o personalizador de temas do WordPress. Esta ferramenta permite modificar a aparência do seu site e fornece uma visualização em tempo real das alterações.

Se você não vir a opção de menu personalizador, seu tema pode estar com a edição completa do site habilitada. Nesse caso, você precisará usar um método diferente ou trocar de tema.

Para este guia, usaremos o tema Astra . No entanto, as opções podem variar dependendo do tema WordPress. Geralmente, procure configurações de ‘fonte’ ou ‘tipografia’ no Personalizador que sejam específicas para o seu tema.

Para começar, você pode ir até Aparência > Personalizar no painel do WordPress.

Esta é uma captura de tela da personalização do tema Astra

Isso iniciará o personalizador de tema WordPress.

O tema Astra apresenta uma seção ‘Global’ com opções para alterar os estilos de todo o site. Para alterar a fonte em todo o seu site, clique na opção ‘Global’ no menu à esquerda.

Esta é uma captura de tela do tema Astra Global

Na próxima tela, você verá opções como ‘Tipografia’, ‘Cores’, ‘Contêiner’, ‘Botões’ e muito mais.

Clique na opção ‘Tipografia’.

Esta é uma captura de tela da Tipografia Astra

Você pode escolher diferentes fontes aqui na seção ' Predefinições '.

Estas são as combinações de fontes padrão oferecidas pelo tema, e a seleção de uma predefinição alterará a fonte de todo o seu site.

Passe o mouse sobre uma predefinição de fonte para ver a combinação de fontes. Por exemplo, você pode ver a combinação ‘ Barlow Semi Condensed e Roboto ’ em uma dessas predefinições.

Esta é uma captura de tela da alteração de fontes no Astra

Além disso, você pode alterar as fontes de elementos individuais do seu tema.

Por exemplo, você pode usar uma fonte diferente para o corpo do texto e os títulos, e até mesmo fontes separadas para cada nível de título.

Para começar, escolha uma fonte no menu suspenso ‘Família de fontes’ para qualquer elemento individual.

Esta é uma captura de tela da fonte base do astra

Existem mais opções para alterar o tamanho e a espessura da fonte, selecionar variantes e muito mais.

Quando terminar, não se esqueça de clicar no botão ‘ Publicar ’ ou ‘ Atualizar ’.

É importante observar que nem todos os temas do WordPress oferecem os mesmos recursos e personalizações do Astra. Se o seu tema não oferece essas opções, continue lendo para aprender sobre o próximo método.

2. Como alterar fontes no editor de site completo do WordPress

Usando um tema WordPress baseado em blocos como Twenty Twenty-Three, você pode usar o editor completo do site (FSE) para alterar a fonte do seu site.

O editor completo do site permite que você personalize seu tema WordPress usando blocos, semelhante à edição de postagens ou páginas com o editor de conteúdo WordPress. No entanto, o FSE está atualmente em versão beta e apenas alguns temas o suportam.

Para este tutorial, usaremos o tema Twenty Twenty-Three.

Para começar, você pode acessar Aparência »Editor no painel de administração do WordPress.

Esta é uma captura de tela do Editor

Isso abrirá o editor completo do site para o seu tema WordPress.

Em seguida, você pode clicar no ícone ‘ Estilos ’ no canto superior direito e depois clicar na opção ‘ Tipografia ’.

Esta é uma captura de tela da Tipografia

Depois disso, você pode selecionar elementos como texto e links para alterar sua tipografia.

Esta é uma captura de tela da opção Texto

Selecionaremos 'Texto' como elemento e clicaremos no menu suspenso 'FONT' para alterar sua fonte.

Esta é uma captura de tela da escolha de uma fonte do sistema

Quando terminar, basta clicar no botão ‘Salvar’.

Você alterou a fonte com sucesso usando o editor completo do site. Você também pode adicionar fontes personalizadas ao seu site WordPress e alterá-las no editor completo do site.

3. Como alterar as fontes do WordPress usando um plug-in de fontes do WordPress

Outra maneira de alterar as fontes do WordPress é usando um plugin como o Fonts Plugin.

Este plugin de tipografia do WordPress permite adicionar milhares de fontes do Google e diferentes variantes de fontes ao seu site.

Primeiro, você precisará instalar e ativar o Fonts Plugin.

Esta é uma captura de tela da instalação do plugin de fontes

Isso abrirá as opções de personalização do plugin no Personalizador do seu tema.

Nesta página, clique no menu ‘Configurações básicas’.

Esta é uma captura de tela das configurações básicas do plugin de fontes

Uma vez dentro do item de menu, você pode começar a personalizar a tipografia de seu conteúdo, títulos e botões. Expanda o menu suspenso de cada elemento de texto e selecione sua fonte preferida.

Esta é uma captura de tela da alteração da fonte usando o plugin de fontes

Feito isso, não se esqueça de clicar no botão ‘ Publicar ’ e o Fonts Plugin atualizará as alterações.

4. Como personalizar a aparência da fonte no Editor de conteúdo WordPress

Você também pode alterar a forma como as fontes aparecem em postagens e páginas específicas do blog usando o editor de conteúdo.

A desvantagem é que esse método só aplicará a nova fonte a essa postagem ou página específica. Você precisará repetir essas etapas para cada postagem ou página onde desejar personalizações semelhantes.

Embora esse método seja útil para alterações pós-específicas, considere as outras opções se precisar de uma alteração de fonte em todo o site.

Para alterar a fonte usando o editor de conteúdo do WordPress, edite uma postagem ou crie uma nova. No editor de conteúdo do WordPress, selecione o texto que deseja modificar.

No painel de configurações à direita, vá para a seção ‘ Tipografia ’. Clique nos três pontos ao lado de ‘ Tipografia ’ e selecione ‘ Aparência ’ no menu suspenso.

Esta é uma captura de tela da Aparência

Depois de fazer isso, as configurações de ‘ Aparência ’ aparecerão. Clique no menu suspenso para selecionar um estilo para sua fonte. Você pode escolher opções como negrito, fino, itálico, preto, negrito itálico, extra negrito e muito mais.

Nesta área, você também pode alterar o tamanho da fonte, escolher maiúsculas e minúsculas, editar a cor, ativar letras maiúsculas e muito mais.

Esta é uma captura de tela das opções de aparência para alterar fontes

Não se esqueça de atualizar ou publicar sua página quando terminar.

5. Como alterar as fontes do WordPress com o Block Editor

Usando o editor de blocos, você pode alterar a aparência de suas fontes. Você pode ajustar a cor do texto e do plano de fundo, definir o tamanho e modificar a aparência. As opções de aparência geralmente incluem font-weight, que depende da fonte escolhida nas configurações do seu tema.

Além disso, os blocos com texto oferecem opções para colocar o texto em negrito ou itálico e definir seu alinhamento.

Existem opções adicionais para destacar seu texto, bem como adicionar código e imagens embutidos ou tachá-lo. Por último, você pode adicionar caracteres subscritos, bem como caracteres sobrescritos.

Esta é uma captura de tela do editor de blocos

É assim que você pode usar o editor de blocos para personalizar e aprimorar as fontes do seu site WordPress.

Atualize suas fontes para tornar seu site WordPress mais fácil de usar!

Chegamos ao final do nosso artigo e agora você sabe como alterar as fontes no WordPress.

Uma fonte bem escolhida pode tornar seu conteúdo mais envolvente e fácil de ler. Isso incentivará os visitantes a passar mais tempo em seu site.

Além disso, se você administra um site de comércio eletrônico, a fonte certa pode fazer uma grande diferença. Por exemplo, escolher uma fonte clara e envolvente pode ajudar os usuários a ler facilmente as descrições dos produtos. Isso, por sua vez, influencia suas decisões de compra.

Se você enfrentar algum problema ao configurar fontes em seu site WordPress, informe-nos na seção de comentários.

Inscreva-se no blog weDevs

Enviamos newsletter semanalmente, sem spam com certeza