Wordpress

Como adicionar o Google Fonts ao seu WordPress

As fontes do Google são uma ótima maneira de personalizar seu site. Ele implementa diferentes fontes em sua instalação do WordPress, além de possuir um rápido carregamento por estarem armazenadas nos rápidos servidores da Google

Ele pode ajudá-lo a reproduzir a marca da sua empresa, conforme usado em outros materiais de marketing.

Existem alguns plugins que você pode usar para personalizar as fontes do seu site, mas você também pode fazer isso editando o arquivo functions.php do seu tema. Primeiro você precisa visitar o site do Google Fonts, onde você pode encontrar várias fontes – assim como seus pesos – que você precisa para personalizar seu site. Selecione aqueles que você está interessado e adicione-os ao seu carrinho.

Em seguida, clique na guia “Incorporar” e copie o valor href. Esse endereço mostra onde está sua fonte e os pesos que você selecionou ao visitar o Google Fonts. Certifique-se também de observar as regras CSS que se aplicam à sua família de fontes.

Você precisará atualizá-los para que as fontes funcionem em seu site.

Agora, tudo o que você precisa fazer é visitar a página function.php do seu tema e adicionar o seguinte código, substituindo o href pelo href da sua fonte.

<?php
function google_fonts() {
    wp_enqueue_style( 'google-fonts', 'https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,400;0,700;1,400;1,700&display=swap', false );
}
add_action( 'wp_enqueue_scripts', 'google_fonts' );

Feito isso, adicione ao seu CSS as regras definidas pelo Google Fonts. Eles ficarão mais ou menos assim:

font-family: ‘Open Sans’, sans-serif;

Salve as alterações e você estará pronto para usar a fonte do Google de sua escolha.

Post Recentes

Bloquear .env e .git no nginx: as regras que ainda deixam o arquivo vazar

Negar /.env no nginx parece resolvido até alguém pedir /wp-content/uploads/.env ou backup.sql. As regras que testei e os furos que…

13 horas atrás

Canonical errado no Yoast: corrigindo pelo filtro wpseo_canonical

O Search Console marca suas páginas 2, 3 e 4 como alternativas da página 1? Ajuste a tag canônica do…

16 horas atrás

Layout XML do Magento 2: remover bloco de módulo de terceiro

Um módulo de terceiro plantou um banner no topo da loja e você não quer desinstalar nada: tire o bloco…

1 dia atrás

Restaurar dump do Magento 2 em outro servidor: trocar a base_url no SQL

Importou o banco de produção e o site pula para o domínio antigo? Rode o UPDATE em core_config_data, limpe o…

2 dias atrás

Criar exceção customizada em PHP: quando estender Exception compensa

Seu catch trata pedido inexistente e banco fora do ar do mesmo jeito. Veja como criar exceção customizada em PHP…

3 dias atrás

DataProvider Magento 2: form do admin abre com campos vazios ao editar

O form do admin salva mas abre em branco na edição: veja o getData() indexado pelo id da entidade e…

4 dias atrás