Como adicionar Google Font no WordPress (corretamente) – Brasa - Sites WordPress de todos os tamanhos!
Ir para o conteúdo
Menu
A Brasa
Blog
Brasa Móvel, Apresentação
CADASTRO DE CLIENTES
Codex
Contato
Contatos Diversos
Design é Essencial
Design Gráfico
Home
Nosso Processo Web
Pesquisa de Opinião
Serviços Gráficos
Serviços WordPress
Sobre WordPress
The Brasa
Web Design
Como adicionar Google Font no WordPress (corretamente)
Postado em 15 de outubro de 2015 3 de outubro de 2019 por Everaldo Matias
O WordPress indica que todos os scripts e styles sejam adicionados com as funções wp_register_script() e wp_register_style() respectivamente. Elas são responsáveis por pré-registrar seus scripts, e para adicioná-los a fila de scripts carregados, usamos as funções wp_enqueue_script() e wp_enqueue_style() que organizam a fila de scripts e os imprimem no header ou no footer de acordo com os argumentos passados na função.
Fazendo isso com essas funções, e no functions.php, temos um controle maior sobre onde e quando os carregamentos devem acontecer, e assim evitar de misturar isso diretamente no header.php.
Portanto, podemos simplificar e usar diretamente as funções enqueue’s. Vamos então apresentar um exemplo de como adicionar uma Google Font, o código fornecido pelo Google:
Deve ser aplicado com wp_enqueue_style() da seguinte forma:
wp_enqueue_style( 'open-sans', 'https://fonts.googleapis.com/css?family=Open+Sans:300,300italic,400,400italic,700,700italic', array(), null, 'all' );
Para mais detalhes sobre a função wp_enqueue_style() confira a documentação aqui.
Pronto, com isso temos carregado em nosso WordPress a fonte escolhida, nesse exemplo usei a Open Sans. Agora, onde deseja aplicar essa font, coloque em seu CSS o seguinte trecho (também fornecido pelo Google no momento que escolhe a fonte:
font-family: 'Open Sans', sans-serif;
Postado em Dicas e Truques WordPress
Anterior
Voltar ao blog
Próximo
2 thoughts on “Como adicionar Google Font no WordPress (corretamente)”
Hleiton Afonso Gonçalves 12 de janeiro de 2017 Responder
Grande Everaldo.
Estou criando um tema do zero, e seguindo suas dicas, ao fazer um teste vi que a fonte não carrega no firefox. Saberia dizer se tem algum truque para isso?
Everaldo Matias Autor do post 30 de janeiro de 2017 Responder
Olá Hleiton, tudo bem?
Sem olhar o projeto fica difícil encontrar algum motivador dese conflito, mas o que pode estar acontecendo é alguma outra coisa estar bloqueando o carregamento no firefox.
Será que você não teria mais detalhes do erro que está retornando pra você? Ele mostra alguma coisa (nas ferramentas do desenvolvedor do navegador) que possa indicar o motivo?