
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.
Site novo há semanas e nenhuma página indexada? Confira a caixinha de visibilidade em Leitura, o noindex no HTML e…
O retorno do array_map voltou com índice 0, 1, 2 e o código que dependia da chave quebrou. Entenda quando…
Dump de 12 GB que demora horas porque arrasta report_event e cron_schedule. Faça o backup em duas passadas, guarde só…
Escreveu a preference e o Magento 2 continua usando a classe original? Confira a área do di.xml, o generated/code e…
Cadastrou Cor direto na aba Atributos do produto e o filtro por atributo vem vazio. Veja como identificar o tipo,…
Precisa de um SELECT no banco do cliente e só tem SSH? O wp db query pega a senha do…