Wordpress

Como adicionar o Google Fonts ao seu WordPress

As fontes do são uma ótima maneira de personalizar seu site. Ele implementa diferentes fontes em sua instalação do , 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. 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 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

Por que devo sempre manter o Magento 2 atualizado?

Segurança: Atualizações frequentes geralmente incluem patches de segurança para corrigir vulnerabilidades identificadas. Ao manter o Magento atualizado, você reduz significativamente…

1 mês atrás

Adicionar uma mensagem de Alerta ou Aviso do Admin do Magento 2

Como adicionar uma mensagem de Alerta ou Aviso do Admin do Magento 2 Injete o Magento\Framework\Message\ManagerInterface no construtor da sua…

1 mês atrás

Exibir mensagens erro/sucesso da Classe: Magento\Framework\Message\ManagerInterface

Para exibir as mensagens adicionadas na classe Magento\Framework\Message\ManagerInterface em um arquivo .phtml, você pode usar o seguinte código: <?php $objectManager…

1 mês atrás

Exportar as categorias do Magento 2 em um XML

Para criar um script no Magento 2 que exporte as categorias para um arquivo XML com o nome da categoria,…

2 meses atrás

Colocar um video como Background utilizando HTML + CSS

Para definir um vídeo MP4 como plano de fundo em um <div> usando HTML e CSS, você pode seguir estas…

4 meses atrás

Desativar o “lastname” no Magento 2

Como desativar o "lastname" no Magento 2 e Adobe Commerce Desativando a obrigatoriedade do campo Execute a SQL abaixo diretamente…

4 meses atrás