Como IMPORTAR FONTES do Google Fonts no GreatPages
Para importar fontes do Google Fonts, siga o passo a passo abaixo:
Acesse https://fonts.google.com/ e escolha a fonte que deseja importar;
Acesse o editor de páginas;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar5png_espbzy.png)
Clique no ícone de engrenagem que fica no canto superior direito da tela;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng_x6ouhy.png)
Em seguida, clique em "Javascript & CSS";
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar2png_yslcqa.png)
Clique para "Adicionar" um novo código;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar3png_1hunokm.png)
Escolha um nome para seu código, selecione a opção "Funcionamento" e adicione no campo de texto todo o código abaixo;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/importacao-correta_jj6ucr.png)
Depois de colar o código no GreatPages, você precisará acessar o Google Fonts para buscar pelo Link da fonte e pelo Nome da fonte para editar o código;
No Google Fonts, você precisará selecionar a fonte que deseja importar e clicar no botão "Select Thin 100" indicado na imagem abaixo;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/font-1png_1ncjhfj.png)
Quando fizer isso, vai abrir uma caixa ao lado da tela com as duas informações (indicadas na imagem abaixo) que você precisará copiar e adicionar no código colado no GreatPages;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/font-2png_1pe936r.png)
Você vai precisar fazer duas mudanças no código: A primeira é alterar onde está escrito LINK DA FONTE e colar o link indicado em vermelho na imagem abaixo.
A segunda alteração, é copiar o nome da fonte, indicado na imagem abaixo no local escrito no código com o nome NOME DA FONTE. No final, o seu código ficará no mesmo padrão do exemplo abaixo;
Em seguida clique em "Salvar"!
Ficou com alguma dúvida? Chame nossa equipe no Chat! Estamos sempre prontos para ajudar
Acesse https://fonts.google.com/ e escolha a fonte que deseja importar;
Acesse o editor de páginas;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar5png_espbzy.png)
Clique no ícone de engrenagem que fica no canto superior direito da tela;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturarpng_x6ouhy.png)
Em seguida, clique em "Javascript & CSS";
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar2png_yslcqa.png)
Clique para "Adicionar" um novo código;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/capturar3png_1hunokm.png)
Escolha um nome para seu código, selecione a opção "Funcionamento" e adicione no campo de texto todo o código abaixo;
<link href="LINK DA FONTE" rel="stylesheet">
<style>
.gpc-e .c.e_titulo h1, .gpc-e .c.e_titulo h1 * {font-family: 'NOME DA FONTE', sans-serif;}
</style>
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/importacao-correta_jj6ucr.png)
Depois de colar o código no GreatPages, você precisará acessar o Google Fonts para buscar pelo Link da fonte e pelo Nome da fonte para editar o código;
No Google Fonts, você precisará selecionar a fonte que deseja importar e clicar no botão "Select Thin 100" indicado na imagem abaixo;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/font-1png_1ncjhfj.png)
Quando fizer isso, vai abrir uma caixa ao lado da tela com as duas informações (indicadas na imagem abaixo) que você precisará copiar e adicionar no código colado no GreatPages;
![](https://storage.crisp.chat/users/helpdesk/website/a6ab90d8350d6000/font-2png_1pe936r.png)
Você vai precisar fazer duas mudanças no código: A primeira é alterar onde está escrito LINK DA FONTE e colar o link indicado em vermelho na imagem abaixo.
A segunda alteração, é copiar o nome da fonte, indicado na imagem abaixo no local escrito no código com o nome NOME DA FONTE. No final, o seu código ficará no mesmo padrão do exemplo abaixo;
<link href="https://fonts.googleapis.com/css2?family=Pathway+Extreme:wght@100&display=swap" rel="stylesheet">
<style>
.gpc-e .c.e_titulo h1, .gpc-e .c.e_titulo h1 * {font-family: 'Pathway Extreme', sans-serif;}
</style>
Em seguida clique em "Salvar"!
Ficou com alguma dúvida? Chame nossa equipe no Chat! Estamos sempre prontos para ajudar
Atualizado em: 15/04/2024
Obrigado!