You are currently viewing Como adicionar fontes personalizadas ao Blog WordPress – Além do Google Fonts

Como adicionar fontes personalizadas ao Blog WordPress – Além do Google Fonts

Temos todos admitir, fontes bem escolhidas passam uma impressão de cuidado, atenção para sua marca e podem sim conseguir prender a atenção de um possível leitor através do apelo estético. De nada vale um conteúdo maravilhoso se ninguém ler, você acabara sendo como uma moeda de ouro no fundo do oceano. No entanto, as fontes disponíveis no WordPress dependem em grande parte do Tema ou Plugin de Page Builder utilizado. Neste artigo vou explicar como você pode instalar fontes personalizadas manualmente através de um plugin fantástico.

Além deste artigo, fiz também um vídeo no meu canal do Youtube sobre o assunto mas se preferir pode continuar rolando a pagina para saber Como adicionar fontes personalizadas a um Blog WordPress.

O primeiro passo é baixar as fontes para o seu computador. Existem diversos sites na internet e se você pesquisar no Google agora por “baixar fontes grátis” você vai encontrar uma infinidade de sites. Mas, tome cuidado porque existem  fontes registradas para uso exclusivo, então procure saber para não ter problemas com direitos autorais. Meu site preferido para baixar estas fontes é o dafont. Na tela inicial do DaFont você pode procurar a fonte que mais encaixa com sua intenção e clicar no botão de “Baixar”.

Baixar fontes no site Dafont

Com a fonte no seu computador você terá arquivos com a extensão de fontes. O nosso plugin suporta os seguintes formatos:

.woff2
.woff
.ttf
.eot
.svg
.otf

Todos os formatos mais comuns na web.


Fiz o download da fonte Northern Worssley apenas para exemplificar e ele veio com a extensão .ttf

Com a fonte em mãos a próxima etapa é instalar o plugin em seu site, para isso você vai precisar de Acesso ao painel do administrador do WordPress.

O plugin em questão se chama Custom Fonts e pode ser instalado diretamente da loja de pluginsCustom Fonts

Instalando plugin Custom Fonts
Instalando plugin Custom Fonts
Peso da Fonte (Font Weigth)
Peso da Fonte (Font Weigth)

Para instalar clique no menu lateral a esquerda do WordPress em Plugins (1) e posteriormente em Adicionar novo, na tela que irá se abrir pesquise por “Custom Fonts” (2) clique em instalar o Plugin (3) você pode se nortear pelo icone acima para saber o plugin correto.

Agora vamos adicionar a fonte ao site, depois de ativo o plugin Custom Fonts consta no menu lateral dentro da aba Aparência, clique na opção Custom Fonts.

Selecionar Plugin no WordPress
Selecionar Plugin no WordPress

 A tela a seguir deve se assemelhar com a tela abaixo:

Tela principal do Plugin
Tela principal do Plugin

Para adicionar uma nova fonte basta seguir o passo a passo a seguir:

Preencha o nome da fonte

Preencher o nome da fonte
Preencher o nome da fonte

Selecione o peso da fonte (peso é a grossura da fonte, se eu quero uma fonte em negrito por exemplo ela tem mais peso):

Peso da Fonte (Font Weigth)
Peso da Fonte (Font Weigth)

Logo após basta fazer upload do arquivo no seu computador.

Aqui temos várias opções de extensão de arquivo, como vimos no momento do download o formato da fonte que baixamos é .ttf

Clicando em Enviar você precisa selecionar o arquivo:

E por ultimo clique em Adicione nova Fonte

Adicione nova fonte
Adicione nova fonte

Feito isto a fonte vai aparecer na lista a direita: 

Agora pronto a fonte já esta disponível no seu WordPress, vamos ver isto no painel do nosso elementor, como você pode ver na imagem abaixo:

Fonte aparecendo no Elementor
Fonte aparecendo no Elementor

Prontinho, se você chegou até aqui, só tenho a agradecer e espero que tenha te ajudado e qualquer duvida, deixe seu comentário aqui abaixo. Até mais…

Deixe um comentário