Já passei horas tentando fazer com que as fontes dos meus sites WordPress tivessem a aparência certa. Às vezes, as fontes padrão são muito difíceis de ler ou simplesmente não combinam com o estilo que estou buscando. Se você está se sentindo da mesma forma, não se preocupe. Neste guia, mostrarei como alterar as fontes no WordPress usando ferramentas que são fáceis de usar para iniciantes e não exigem nenhum código.
TL;DR: Maneiras fáceis de alterar as fontes no WordPress
- Use um construtor de temas para controlar totalmente as fontes em seu site
- Altere as fontes no Personalizador do WordPress (não é necessário nenhum plug-in)
- Atualize as fontes usando o Full Site Editing com temas baseados em blocos
- Instale um plug-in de fonte para acessar o Google Fonts e muito mais
- Ajuste a aparência da fonte diretamente no editor de conteúdo
Por que mudar as fontes no WordPress?
As fontes são uma parte fundamental do design e da marca do seu site. A alteração da tipografia no WordPress ajuda a melhorar a legibilidade e define o tom de todo o site.
Se o seu site usar estilos de fonte difíceis de ler, os visitantes poderão achar difícil se envolver com o conteúdo e, por fim, abandonar o site. No entanto, se você selecionar opções de fonte com base na legibilidade, poderá melhorar a experiência do usuário. Por exemplo, o uso de uma fonte serifada com uma sem serifa geralmente fica bem em qualquer site.
O uso de fontes legíveis e seguras para a Web pode melhorar o tempo de carregamento da página e o SEO. Como as configurações de fonte do WordPress afetam o desempenho, escolhas simples de tipografia podem ajudar seu site a carregar mais rapidamente.
As fontes que você usa também moldam a identidade de sua marca. Seja personalizando as fontes do WordPress para que pareçam modernas ou divertidas, elas criam uma aparência consistente que reflete sua empresa.
Muitos temas do WordPress vêm com fontes padrão que não combinam com sua marca. Ao personalizá-las, você tem controle total sobre a tipografia, o estilo e a voz do seu site.
Além disso, há a acessibilidade, que é importante para visitantes com deficiências visuais ou de leitura. A escolha de uma fonte clara e legível pode tornar seu site mais acessível a um público mais amplo.
Conforme mencionado anteriormente, há várias maneiras de alterar as fontes no WordPress. A seguir, mostrarei os métodos mais fáceis.
Qual método de mudança de fonte você deve usar?
| Método | Melhor para | Requer um plug-in? | Nível de personalização |
|---|---|---|---|
| Criador de temas | Controle total sobre fontes e design em todo o site | Sim | Alta |
| Personalizador | Alterações rápidas de fonte nas configurações do tema | Não | Médio |
| Edição completa do site (FSE) | Edição de fontes usando temas baseados em blocos | Não | Alta |
| Plug-in de fonte | Acesso ao Google Fonts e tipografia avançada | Sim | Médio a alto |
| Editor de conteúdo | Fontes personalizadas para posts ou páginas individuais | Não | Baixa |
Use um Theme Builder para alterar as fontes do WordPress
Um construtor de temas do WordPress oferece controle total sobre as fontes em todo o seu site WordPress. Esse método é excelente se você quiser projetar visualmente cada parte do seu site.
Para esse método, usarei o SeedProd, o melhor construtor de páginas e plugin de criação de temas para o WordPress. Ele tem um construtor de arrastar e soltar que permite criar temas personalizados do WordPress visualmente sem tocar em uma única linha de código.
Para começar, você precisará da versão SeedProd Pro, pois ela inclui o recurso de criação de temas. Depois de escolher seu plano e fazer o download do plug-in, você precisa instalá-lo e ativá-lo em seu site do WordPress.
Se precisar de ajuda com isso, você pode seguir nossa documentação passo a passo sobre a instalação do SeedProd Pro. O guia também mostrará onde inserir sua chave de licença do plug-in para desbloquear os recursos premium.
Com o plug-in ativo em seu site, vá até SeedProd " Theme Builder no painel do WordPress e clique no botão Theme Template Kits.
A partir daí, o plug-in mostrará uma biblioteca de modelos de sites para usar como ponto de partida para seu tema.
Para escolher um tema, passe o mouse sobre um deles e clique no ícone de marca de seleção. Usaremos o tema Consultor de nutrição para este guia.
Depois de escolher um tema, o SeedProd gerará automaticamente os modelos que o compõem.
Você pode editar cada modelo para personalizar a aparência do seu tema do WordPress. Há também a opção de criar manualmente partes adicionais do modelo.
Neste guia, editaremos o modelo Homepage e alteraremos as fontes de diferentes elementos da página inicial. Para fazer isso, clique no link Edit Design (Editar design ) sob o título Homepage.
Seu modelo de página inicial será iniciado no construtor de arrastar e soltar do SeedProd. Aqui você pode adicionar novos elementos de design no painel esquerdo e colocá-los onde quiser na visualização do design.
Para alterar a fonte de qualquer elemento, basta clicar nele. Por exemplo, clicaremos na caixa de texto sob o título, o que abrirá as configurações do bloco.
A partir daí, clique na guia Advanced (Avançado ) e clique em Edit (Editar ) ao lado do título Typography (Tipografia).
Isso abre um painel suspenso com várias opções para editar a tipografia desse elemento de design específico.
Por exemplo, ao clicar no menu suspenso Font Family (Família de fontes), você pode escolher entre várias fontes do Google. Há também a opção de selecionar diferentes pesos de fonte e ajustar o tamanho da fonte, a altura da linha, o espaçamento entre letras, as letras maiúsculas e minúsculas, o alinhamento e muito mais.
Para personalizar qualquer outro elemento de seu tema do WordPress com o SeedProd, repita essas etapas.
Quando estiver satisfeito com sua aparência, clique no botão Save (Salvar ) na parte superior da página.
Depois de editar e personalizar as fontes do tema do WordPress, retorne ao SeedProd " Theme Builder e clique no botão de alternância ao lado de Enable SeedProd Theme (Ativar tema do SeedProd ) para a posição Yes (Sim).
Agora, o SeedProd ativará as alterações e você poderá ver as fontes do seu site acessando a página inicial.
Alterar fontes no WordPress com o personalizador
O Personalizador do WordPress permite que você altere as fontes com base nas configurações do seu tema ativo. É uma maneira rápida de atualizar a tipografia sem plug-ins, mas as opções podem ser limitadas dependendo do seu tema.
Neste exemplo, estou usando o tema Astra do WordPress. No entanto, as configurações que você vê no Customizer variam de acordo com o seu tema. As opções que você precisa procurar devem ter "fonte" ou "tipografia" no título.
Para abrir o personalizador do WordPress, acesse Appearance " Customize no administrador do WordPress.
No tema Astra, uma opção de configurações globais permite que você faça alterações em todo o site. Clicaremos nessa opção para alterar as fontes em todo o site.
Na tela a seguir, você verá várias opções de personalização, incluindo Typography (Tipografia), Font Colors (Cores da fonte), Containers (Contêineres) e muito mais. Clique na opção Typography (Tipografia) para escolher entre diferentes predefinições de fonte, que mudarão as fontes em todo o site.
Como alternativa, você pode alterar as fontes de elementos de texto individuais, como as fontes do corpo e do cabeçalho. Para fazer isso, clique no ícone de edição e selecione uma fonte no menu suspenso Font Family (Família de fontes ).
No mesmo painel, você pode ajustar o peso, o tamanho e o estilo da fonte, entre outros.
Quando estiver satisfeito com as alterações na fonte, clique no botão Publish (Publicar ). A partir daí, você pode acessar seu site para ver a nova fonte, que, neste caso, é a fonte de título Rubik e a fonte de corpo Karla.
Observação: nem todos os temas oferecem os mesmos recursos e opções de personalização. Se o seu tema não oferecer isso, continue lendo até a próxima etapa.
Editar fontes com a edição completa do site no WordPress
Se estiver usando um tema WordPress baseado em blocos, como o Twenty Twenty-Three, o Full Site Editor permite que você atualize as fontes dos cabeçalhos, do corpo do texto e muito mais diretamente na interface de design.
Para começar a usar esse método, navegue até Appearance " Editor no painel de administração do WordPress, que abrirá o FSE do seu tema. Neste caso, estamos usando o tema Twenty Twenty-Three.
No editor do site, clique em qualquer lugar da visualização do tema para torná-lo em tela cheia e revelar uma barra de menu adicional.
A partir daí, clique no ícone Styles (Estilos ) no canto superior direito e selecione a opção Typography (Tipografia ).
Aqui você pode alterar as fontes dos cabeçalhos, textos, links, botões e muito mais do WordPress.
Para este exemplo, escolheremos a opção Heading (Título) e selecionaremos uma nova fonte no menu suspenso Font (Fonte ).
Depois de fazer as alterações, clique no botão Salvar. Você pode ver as novas alterações na fonte saindo do editor de sites e visitando o site ativo.
Use um plug-in para adicionar ou alterar fontes no WordPress
Os plug-ins de fonte permitem que você acesse centenas de fontes do Google Fonts ou Adobe Fonts. Esse método funciona com a maioria dos temas e é uma boa opção se o seu tema atual não oferecer configurações de tipografia integradas.
O plug-in Fonts, por exemplo, permite que você escolha entre 1455 fontes gratuitas e as use em seu site. Ele também inclui a integração com o Adobe Fonts (Typekit) e tem uma visualização do personalizador ao vivo.
Para começar, faça o download do plug-in de fontes, instale-o e ative-o em seu site do WordPress. Se precisar de ajuda, você pode seguir este guia sobre como instalar um plug-in do WordPress.
Em seguida, vá para Fonts Plugin " Customize Fonts (Plug-in de fontes " Personalizar fontes ) em seu painel, o que abrirá o personalizador ao vivo do WordPress.
Aqui você pode clicar em Basic Settings (Configurações básicas) e alterar as fontes da Web para a tipografia básica, o cabeçalho, os botões e as entradas.
Você também pode clicar na opção Advanced Settings (Configurações avançadas) para alterar as fontes da marca e a tipografia dos links de navegação e da barra lateral.
Quando estiver satisfeito com essas alterações, clique no botão Publish (Publicar ). A partir daí, você pode visitar seu site para ver as novas fontes em ação.
Personalizar fontes em posts ou páginas individuais
Deseja fontes diferentes em posts ou páginas específicas do blog? Você pode ajustar a tipografia diretamente no editor de blocos. Basta clicar no texto e ajustar as configurações de fonte na barra lateral esquerda.
Essa solução é excelente para personalizar posts individuais, mas se você quiser alterar a fonte de todo o site, é melhor usar um dos outros métodos deste guia.
Dito isso, veja a seguir como alterar as fontes de publicações específicas do WordPress.
Primeiro, edite qualquer postagem para ver o editor de conteúdo do WordPress e, em seguida, clique no bloco de texto ou no corpo do texto que deseja alterar. Na barra lateral esquerda, clique nos três pontos ao lado do título Typography (Tipografia ).
Isso abrirá um painel no qual você poderá escolher várias configurações, como família da fonte, aparência, altura da linha, espaçamento entre letras e muito mais. Ao clicar em qualquer uma dessas opções, você as adicionará à barra lateral.
A partir daí, você pode editar as configurações para que esse bloco de texto específico tenha uma aparência diferente do restante do conteúdo.
Lembre-se de salvar as alterações e, em seguida, você poderá visualizar a postagem para ver como as novas fontes da postagem ficarão.
Perguntas frequentes sobre a alteração de fontes no WordPress
Obtenha respostas rápidas para perguntas comuns relacionadas a fontes, como o uso de fontes personalizadas, a combinação de vários tipos de fontes ou a otimização do desempenho das fontes para velocidade e SEO.
Sim, você pode carregar fontes personalizadas adicionando-as aos arquivos do seu tema ou usando um plug-in. Algumas ferramentas, como SeedProd ou Fonts Plugin, também permitem que você adicione fontes personalizadas sem tocar no código.
Você pode alterar as fontes no editor de blocos do WordPress selecionando um bloco de texto e abrindo as configurações de tipografia. Isso permite que você escolha um estilo de fonte diferente apenas para esse bloco ou publicação.
Não existe uma única fonte melhor, mas fontes limpas e seguras para a Web, como Open Sans, Roboto ou Lato, são ótimas para facilitar a leitura. Escolha sempre fontes que correspondam à sua marca e que sejam fáceis de ler em todos os dispositivos.
Sim, a maioria dos temas e plug-ins permite que você defina fontes diferentes para títulos, corpo do texto e botões. Você pode misturar estilos de fonte, mas tente usar no máximo 2 ou 3 para manter o design limpo.
Use somente os pesos e estilos de fonte de que você precisa e sirva-os a partir de uma CDN rápida ou de seu próprio servidor. O Google Fonts com font-display: swap é um bom ponto de partida para o desempenho.
Espero que este guia tenha ajudado você a aprender como alterar as fontes no WordPress sem escrever código HTML, PHP ou CSS. Você também pode gostar deste guia sobre como adicionar texto a uma imagem no WordPress.
Se você quiser ter total liberdade de design, incluindo a alteração de fontes em todo o site, o SeedProd simplifica isso com seu construtor visual de temas.
Experimente o SeedProd hoje mesmo e comece a projetar seu site WordPress do seu jeito.
Obrigado pela leitura! Gostaríamos muito de ouvir sua opinião, portanto, sinta-se à vontade para participar da conversa no YouTube, X e Facebook para obter mais conselhos úteis e conteúdo para expandir seus negócios.
