> ## Knowledge Base Index
> Fetch the complete knowledge base index at: https://ajuda.greatsoftwares.com.br/sitemap.xml
> Use this file to discover available pages before exploring further.
> Pure-Markdown content can be obtained by appending a '.md' suffix to the content URLs listed in the sitemap (without the trailing slash).

# Como IMPORTAR FONTES do Google Fonts no GreatPages


Para importar fontes do **Google Fonts**, siga o passo a passo abaixo:

1. Acesse https://fonts.google.com/ e escolha a fonte que deseja importar;

2. Acesse o editor de páginas;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_1bpqp23.png =650x385)

3. Clique no **ícone de engrenagem** que fica no canto superior direito da tela;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_18a45zi.png =650x182)

4. Em seguida, clique em **"Javascript & CSS"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_1oqgnrn.png =650x407)

5. Clique para **"Adicionar código"**;

![](https://storage.crisp.chat/users/helpdesk/website/-/a/6/a/b/a6ab90d8350d6000/captura-de-tela-2026-08-10-as-_oa82po.png =650x414)

6. 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> 
```

7. 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;

8. 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 =650x320)

9. 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 =650x965)

8. 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"**!

${color}[#e01010](Ao importar uma fonte para sua página, é importante entender como ela será configurada e visualizada:)

* **Configuração Inicial:** Quando você importa uma fonte, ela é inicialmente configurada para ser utilizada nos títulos.
* **Visualização**: A fonte importada só pode ser visualizada no modo de **pré-visualização** e na **página publicada**. No editor, ela não aparecerá juntamente com as outras fontes disponíveis.

|| **Fonte via Código**: Lembre-se de que, mesmo após a importação, a fonte não se torna "nativa" na plataforma, pois está implementada via código.

Ficou com alguma dúvida? Chame nossa equipe no Chat! Estamos sempre prontos para ajudar :-)