Como alterar fontes no WordPress sem problemas

As fontes no WordPress são uma parte crucial da marca de uma empresa. Embora alguns possam descartar as fontes como irrelevantes, para muitos, elas são uma parte essencial do site.

Juntamente com cores, imagens, logotipos e outros elementos de marca, as fontes desempenham um papel vital na imagem da sua marca e na forma como os clientes percebem sua marca. Como eles oferecem uma variedade de opções, o WordPress é uma das melhores plataformas para personalização.

Apesar de existirem muitas opções de fontes gratuitas, é essencial saber como alterar as fontes no WordPress, o que pode exigir algum conhecimento de codificação CSS.

Este artigo criado por nossa equipe em wpDataTables demonstrará como alterar fontes no WordPress facilmente.

Como alterar fontes em temas do WordPress

Vejamos o seguinte cenário. Você quer combinações de fontes diferentes para o seu site, mas algo está impedindo você de seguir em frente.

A alteração de fontes em temas pode ser um desafio porque geralmente vêm com fontes predefinidas que são usadas em várias partes do tema. Você precisa localizar o script CSS que está definindo a fonte para a área específica, seja o rodapé, o cabeçalho, o corpo ou outras partes.

Alguma pré-codificação será necessária se você quiser usar uma fonte completamente nova. Primeiro, escolha uma fonte licenciada para o seu site e, em seguida, carregue-a no servidor. Na parte superior do style.css, você também precisará definir a família de fontes. Aqui está um exemplo de como o código pode ficar:

@font-face {font-family: Museo300;
src: local('Museo300-Regular'),
url("fonts/Museo300-Regular.ttf") format('truetype’);
font-weight: normal;}

Como alterar fontes no WordPress globalmente com o recurso de personalização

Alterar fontes com o recurso de personalização é simples. Primeiro, faça login no seu perfil do WordPress e acesse o painel, clique em Aparência e depois em Personalizar.

Outra maneira de acessar esta área é fazendo login no painel do WordPress, clique no nome do site no canto superior esquerdo e clique no botão Personalizar.

Em seguida, role para baixo até o lado esquerdo e localize o campo onde você pode adicionar código CSS adicional. Clique nele para adicionar o código. Segue um exemplo do código:

* {font-family:"Courier New", Courier, monospace}Copy

Quando você adiciona o * no início, ele adiciona a fonte a todo o site. Quando você cola o código, ele muda instantaneamente. Quando estiver pronto para fazer as alterações, clique no botão Publicar.

Como alterar fontes no WordPress em áreas específicas do tema

Os temas vêm com fontes predefinidas em várias áreas, e você precisará de fontes diferentes para diferentes áreas do seu site, o que adiciona personalização. Identificar temas em diferentes áreas é um desafio.

Você encontrará uma fonte para o corpo separada do resto, que pode ser usada para determinar as fontes não definidas por uma tag, classe ou div.

body {font-family: Verdana, Arial, Helvetica, Futura, sans-serif;
font-size: 1em;
padding:0;
margin:0; }

Você provavelmente encontrará as fontes nas várias classes CSS: content, post, entry e post-entry.

Adicionar fontes personalizadas

Adicionar fontes personalizadas é uma das melhores maneiras de alterar os cabeçalhos e a fonte base. Vá para Design > Personalizar > Fontes.

Mudar para uma fonte personalizada é fácil. Existem muitas fontes excelentes encontradas no Google Fonts, Typekit e, por último, com a assinatura premium do WordPress ou superior.

Como fazer isso:

• Vá para Projeto >
• Clique em Fontes na seção Personalizar. Em seguida, clique no menu suspenso para ver as opções disponíveis na opção Títulos.

• Se as fontes aqui não estiverem visíveis, o tema provavelmente não oferece a opção de alterar as fontes para fontes personalizadas. Nesse caso, encontre outro tema que ofereça essa opção.
• As fontes geralmente vêm em pares, uma para títulos e outra para o corpo. Para títulos, é essencial escolher uma fonte que seja atraente para os títulos, títulos de widgets, cabeçalhos de comentários e outras áreas da A fonte base será a fonte do corpo do texto, portanto, deixe-a o mais legível possível.

• Você verá uma visualização ao vivo antes de escolher uma fonte.

Como ajustar o tamanho e o estilo da fonte

Para ajustar o estilo da fonte, clique na opção à esquerda da fonte. Você terá diferentes estilos disponíveis, dependendo da fonte escolhida.

Para ajustar o tamanho da fonte, vá para a opção de tamanho abaixo e ajuste o tamanho da fonte. Torne-o apropriado para títulos ou para o corpo, o que é simples de fazer no menu suspenso.

Assinatura premium do WordPress ou superior, permite alterações no tamanho da fonte no código CSS.

Como salvar fontes

Quando você terminar as opções de personalização, a fonte será salva de duas maneiras: clicando em Publicar seu site ou em Salvar rascunho.

Depois de salvar, espere alguns minutos para que as fontes apareçam no blog. Se eles não aparecerem, tente limpar o cache do seu navegador para ter certeza de que é a versão mais recente do site.

Como alterar as fontes

Veja como alterar as fontes no WordPress depois de criar uma fonte personalizada.

Altere as fontes personalizadas indo para Design e, em seguida, para Personalizar. Em seguida, vá para Fontes, selecione um Cabeçalho ou Fonte Base diferente. Você também pode voltar para a fonte padrão clicando no X, localizado à direita do nome da fonte personalizada.

Para concluir as alterações de fonte, clique em Publicar ou Salvar rascunho.

Novamente, pode levar alguns minutos para que as fontes apareçam, e limpar o cache do navegador é essencial.

Redefinindo fontes

Para redefinir as fontes, basta pressionar o X ao lado da fonte atual que você usa.

Como enfileirar fontes

Para adicionar corretamente as fontes do WordPress, você precisará alterar vários arquivos; mais importante, o arquivo functions.php, ou o arquivo function_wp; enqueuer_script e wp_enqueue_style.

Com trechos de código, basta alterar a fonte sem inserir o código nos arquivos. Basta adicioná-los ao cabeçalho por meio de uma função.

Wp_enqueue_script e wp_enqueue_style são arquivos semelhantes, então é melhor alterar o arquivo de estilo, dependendo do que seu provedor de fontes oferece.

O Google Fonts fornecerá fontes como folhas de estilo, então adicione-as assim:

function add_google_fonts() {

Outras fontes, como as Adobe Edge Web Fonts, virão na forma de arquivos Javascript. O código ficaria assim:

function add_adobe_fonts() {

Depois de saber onde fazer as alterações de fonte, essa função se torna simples.

Como alterar o tamanho da fonte

Ajustar o tamanho da fonte é fundamental, bastando ajustar os tamanhos dos títulos. Ao usar um editor visual, todas as opções são encontradas na guia chamada “Parágrafo".

Normalmente, os tamanhos das fontes são controlados pelo arquivo style.css, que permitirá o acesso aos tamanhos das fontes.

Usar os títulos certos nos artigos é essencial para criar uma experiência de usuário satisfatória, além de torná-la mais amigável para SEO.

Se você gostou de ler este artigo sobre como alterar fontes no WordPress, confira este sobre como baixar a biblioteca de mídia do WordPress.

Também escrevemos sobre alguns assuntos relacionados, como encontrar o ID da página no WordPress, como incorporar um iframe do WordPress, como eliminar JavaScript e CSS de bloqueio de renderização no conteúdo acima da dobra, como interromper um ataque DDoS e como para ocultar o título da página no WordPress.