O Google Fonts se tornou o recurso de referência para tipografia da web personalizada desde seu desenvolvimento em 2010. Existem três razões principais pelas quais o Google se tornou o líder aqui. Primeiro, não havia serviços de fontes decentes o suficiente, então o Google preencheu o vazio. Em segundo lugar, mesmo no início, a variedade que ofereciam era comparativamente grande. Atualmente, existem mais de 800 fontes disponíveis em vários estilos. Terceiro, essas fontes estão disponíveis gratuitamente, o que as torna especialmente atraentes.
Além disso, eles são surpreendentemente fáceis de integrar em seus projetos de design. Mostraremos como você pode incluir essas fontes do Google em seu site WordPress.
Fontes do Google
Para começar, você precisará selecionar a fonte com a qual deseja trabalhar. Há uma variedade de opções, então você tem um menu bastante amplo para escolher. Você pode encontrá-los indo para Página de fontes do Google. Se você estiver procurando por uma fonte específica, basta digitar o nome da fonte na caixa Pesquisar e deve aparecer uma amostra.
Existem também outros parâmetros de pesquisa que você pode usar. Logo abaixo da caixa Pesquisar está um botão chamado Categorias. Se você clicar nele, será exibido um menu suspenso com cinco opções. São os seguintes:
- Serif - são fontes com linhas curtas originadas dos traços superiores e inferiores de uma letra. Times New Roman e Sylfaen são bons exemplos.
- Sans Serif - Como o nome sugere, essas são fontes sem essas pequenas linhas. Eles tendem a ter uma estética simples e limpa.
- Display - são o que podemos chamar de fontes que chamam a atenção. Eles são melhores para cabeçalhos do que para textos longos.
- Escrita à mão - Essas fontes fazem parecer que alguém as escreveu à mão. Você descobrirá que muitos estão em letras cursivas ou têm espaçamento menos consistente.
- Monoespaço - Como uma máquina de escrever, suas letras ocupam a mesma largura horizontal. Eles estão espaçados de forma muito consistente.
Além disso, você também tem outras opções para escolher, como selecionar as propriedades de idioma e fonte. O último inclui o número de estilos, espessura, inclinação e largura.
Incorporando fontes no WordPress
Se você deseja incluir essas fontes exclusivas em seu site WordPress, existem vários métodos que você pode tentar.
Usando CSS
Clique na fonte da seleção do Google para acessar a página detalhada da fonte. No canto superior direito, há um sinal “+”. Clique nele e uma janela lateral será aberta. Clique em “Incorporar”.
Agora você pode clicar @importar. Isso abrirá o código CSS que você precisa copiar. Vá para a folha de estilo do seu tema WordPress e cole-a no início. Certifique-se de ter copiado o link de importação sem o colchetes. Certifique-se de Salvar, e você terá adicionado a fonte.
Usando PHP
Siga as primeiras etapas e copie o link que obtém ao clicar no sinal “+”. Agora, basta adicioná-lo ao arquivo header.php de seu tema. Lembre-se de salvar para que a fonte seja adicionada.
Usando uma função Javascript
Você também pode tentar algo conhecido como “enfileiramento”. Você precisará usar a função wp_enqueue_style para isso. Por meio desse método, você pode adicionar a fonte escolhida à seção de cabeçalho de todas as páginas do seu site. É uma ótima maneira de adicionar várias alterações de uma vez.
Basta obter o link da fonte (de http até ”) e adicioná-lo ao arquivo functions.php de seu tema com código extra ao redor dele. Este é o código que você precisa usar:
função custom_add_google_fonts () {
wp_enqueue_style (‘custom-google-fonts’, https://fonts.googleapis.com/css2?family=Chelsea+Market&display=swap, falso);
}
add_action (‘wp_enqueue_scripts’, ‘custom_add_google_fonts’);
Qualquer uma dessas opções funcionará bem para integrar o Google Fonts ao seu site WordPress, por isso é importante escolher aquela com a qual você se sente mais confortável.