Como alterar fontes no WordPress [A maneira fácil]

Quer alterar a fonte usada em seu site WordPress?

Com as ferramentas certas, é fácil trocar a fonte do seu site ou adicionar várias novas fontes. Siga este tutorial rápido e você terá uma nova fonte sendo exibida em seu site nos próximos minutos.

Como usar as fontes fáceis do Google

A melhor maneira de alterar a fonte em seu site é com o plugin Easy Google Fonts.

Este plugin dá acesso a centenas de fontes diferentes para usar em seu site. Antes de prosseguirmos com o plug-in, vamos dedicar um momento para abordar o que é o Google Fonts.

Atualização: meu novo vídeo tutorial irá guiá-lo através das etapas (ele usa um plugin diferente do deste tutorial).

Inscreva-se nos Temas do Compete no Youtube

O que é Google Fonts?

O Google Fonts fornece acesso a centenas de fontes de uso gratuito em qualquer site. Para qualquer desenvolvedor da web que deseja adicionar uma fonte a seu site, o Google Fonts torna isso mais fácil.

Se você não conhece os meandros da construção de sites, é aí que entra o plug-in Easy Google Fonts. Ele lida com as partes técnicas para você, então tudo que você precisa fazer é selecionar quais fontes você gosta.

Entendi? Ótimo, vamos adicionar essas fontes!

Crie seu controle de fonte

Ao ativar o plug-in, você encontrará um novo item de menu do Google Fonts adicionado em Configurações. Nessa página, você encontrará as seguintes opções:

Posteriormente, você atribuirá fontes ao seu "controle de fonte" para que possa ter vários controles de fonte com diferentes fontes e configurações. Por enquanto, tudo o que você precisa fazer é nomear seu controle de fonte.

Adicionar um seletor CSS

Abaixo do nome do controle, há uma caixa onde você pode definir os seletores CSS que deseja usar. Se você não sabe o que é um seletor CSS, isso não é um problema.

Existem três seletores CSS adicionados por padrão. Clique no “x" em cada um para removê-los. Uma vez removido, digite um asterisco (*) e pressione Enter. A configuração dos seletores CSS deve ser semelhante a esta:

O asterisco é um seletor CSS que visa todos os elementos HTML do site. Em outras palavras, você acabou de dizer ao Easy Google Fonts para usar sua nova fonte para todo o texto do site.

Forçar sobreposição de estilos

Eu recomendo marcar a caixa “Forçar sobreposição de estilos” também. Isso garantirá que a fonte escolhida substitua as fontes usadas no tema. Não há desvantagens em usar esta opção, então você também pode marcá-la para economizar um minuto se as fontes não forem substituídas sem ela.

Escolha sua nova fonte

Agora que o Easy Google Fonts sabe quais partes do seu site devem ser afetadas, você pode dizer qual fonte usar.

Visite o Customizador para iniciar a seleção da fonte (Aparência> Personalizar). Uma vez lá, clique na nova seção Tipografia.

O EGF funciona muito bem com o tema do Período.

Esta seção irá revelar duas novas subseções: Tipografia Padrão e Tipografia de Tema. Clique na seção Tipografia do tema.

Agora você verá o controle que nomeou anteriormente. Clique no botão Editar fonte para revelar as opções de personalização.

Existem algumas opções, mas apenas duas você precisa editar.

Alterar o script / subconjunto

As fontes têm conjuntos de caracteres projetados para acomodar diferentes idiomas. Se o seu site estiver em inglês, selecione a primeira opção, latim.

Escolher “Todos os subconjuntos” tornará os arquivos de fonte muito maiores e aumentará o tempo de carregamento.

Escolha a família da fonte

É aqui que você finalmente escolhe sua nova fonte. Ao selecionar várias fontes, você verá que seu site é atualizado instantaneamente.

Embora essa seja certamente uma ótima maneira de visualizar e alterar as fontes, não é uma maneira eficiente de navegar.

Eu recomendo que você visite o Google Fonts, que é bem projetado para navegar e encontrar fontes. Depois de encontrar algumas fontes de que gosta, volte ao seu site e experimente com Easy Google Fonts

Adicionar e personalizar mais fontes

Felizmente, você está adorando sua nova fonte agora, mas há muito mais que você pode fazer com Easy Google Fonts.

Lembra da seção de Tipografia padrão anterior? Você pode usar isso para personalizar seus títulos e parágrafos. Além disso, você não precisa parar na mudança da família da fonte, você também pode alterar o tamanho e a cor da fonte. E se você estiver familiarizado com alguns seletores CSS, você pode personalizar a fonte em qualquer parte do seu site.

Se você tiver alguma dúvida sobre como alterar as fontes com o WordPress ou tiver uma solicitação para um novo tutorial, deixe um comentário abaixo.