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

YouTube sem cookie: adiar o embed do vídeo e do Maps até o aceite

Seu banner de consentimento está certo, mas o vídeo incorporado grava cookie de terceiro no primeiro carregamento. Troque o domínio…

8 horas atrás

Custom post type dando 404: flush_rewrite_rules na ativação do plugin

A listagem do custom post type abre e o single dá 404 no WordPress 6.9. Entenda o cache das rewrite…

2 dias atrás

systemd timer no lugar do cron: agendar script com log e sem execução dupla

Um par .service e .timer substitui a linha do crontab com log no journal, execução perdida recuperada no boot e…

2 dias atrás

Descrição em massa no WooCommerce: wp eval-file lendo a lista de SKUs

400 produtos importados do fornecedor com a aba Descrição vazia. Um wp eval-file percorre os SKUs sem texto, grava pelo…

2 dias atrás

Frete grátis no WooCommerce: esconder as outras opções de entrega

Some com PAC e SEDEX da lista quando o frete grátis está disponível, usando woocommerce_package_rates, e limpe o cache de…

3 dias atrás

Erro HTTP no WordPress ao enviar imagem para a biblioteca de mídia

A barra de upload chega no fim e o WordPress devolve só "Erro HTTP". Separe as três causas: Imagick barrado…

3 dias atrás