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

WordPress não aparece no Google: noindex esquecido e robots.txt virtual

Site novo há semanas e nenhuma página indexada? Confira a caixinha de visibilidade em Leitura, o noindex no HTML e…

18 horas atrás

array_map perde as chaves do array no PHP: como manter o índice

O retorno do array_map voltou com índice 0, 1, 2 e o código que dependia da chave quebrou. Entenda quando…

1 dia atrás

Backup do Magento 2 com mysqldump: dump leve sem as tabelas de log

Dump de 12 GB que demora horas porque arrasta report_event e cron_schedule. Faça o backup em duas passadas, guarde só…

2 dias atrás

Preference do di.xml não aplica no Magento 2: o que checar antes

Escreveu a preference e o Magento 2 continua usando a classe original? Confira a área do di.xml, o generated/code e…

3 dias atrás

Filtro por atributo do WooCommerce vazio: global x personalizado

Cadastrou Cor direto na aba Atributos do produto e o filtro por atributo vem vazio. Veja como identificar o tipo,…

3 dias atrás

wp db query: rodar SQL no WordPress pelo WP-CLI sem phpMyAdmin

Precisa de um SELECT no banco do cliente e só tem SSH? O wp db query pega a senha do…

4 dias atrás