> For the complete documentation index, see [llms.txt](https://docs.globalnetflow.com/biblioteca-de-ajuda/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://docs.globalnetflow.com/biblioteca-de-ajuda/blogs/fontes-personalizadas-em-blogs.md).

# Fontes Personalizadas em Blogs

Blogs

Ao criar seu Blog, você pode querer usar uma fonte personalizada além das padrão disponíveis. Siga estas etapas para aprender a personalizar a fonte do seu blog.

**Fontes personalizadas padrão**

Quando você estiver atualizando um blog ou criando um novo, clique no menu suspenso de fontes e selecione *Fontes personalizadas*

<br>

<figure><img src="https://3215928470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTLOPQzxoKpBmEidPnB3H%2Fuploads%2F3unHkzEM7V8124IgQRFK%2Fchrome_rn2hFMgdwv.png?alt=media&amp;token=a0e504f7-e79c-410b-93dc-53a35ceeaf73" alt=""><figcaption></figcaption></figure>

<br>

Aparecerá um menu pop-up que permite selecionar uma fonte personalizada onde você também pode escolher fontes selecionadas anteriormente.

* Selecione a fonte

<figure><img src="https://3215928470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTLOPQzxoKpBmEidPnB3H%2Fuploads%2FR3soO3yDWEsMAxku7OtW%2Fchrome_nL8AKiXITo.png?alt=media&amp;token=8c4415ca-a464-4382-8b1a-d318005ca478" alt=""><figcaption></figcaption></figure>

<br>

**Fonte CSS configurada para Blogs**

*Observação: pode ser necessário entrar em contato com um desenvolvedor para obter assistência se você não tiver experiência.*

A maneira mais confiável de incluir uma fonte indisponível em seu blog com código é usar @font-face. Abaixo está um exemplo disso em ação:

<br>

Quando você estiver no blog, clique no símbolo *Inserir código personalizado* , cole o código na caixa e selecione Inserir código

<figure><img src="https://3215928470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTLOPQzxoKpBmEidPnB3H%2Fuploads%2FOFnUfdY6biVllSfcklEK%2Fchrome_6cGE59f8Oy.png?alt=media&amp;token=2a2b804a-21c5-4c2f-998d-ce94e8c20623" alt=""><figcaption></figcaption></figure>

<figure><img src="https://3215928470-files.gitbook.io/~/files/v0/b/gitbook-x-prod.appspot.com/o/spaces%2FTLOPQzxoKpBmEidPnB3H%2Fuploads%2FIw8pmgsbhTlWxx0ZOHBP%2Fchrome_FvoUGKXxLZ.png?alt=media&amp;token=fa8f844a-62be-4049-9775-9d86d7cc9942" alt=""><figcaption></figcaption></figure>

<br>

\<estilo> @font-face { font-family: 'Festivo', cursivo; src: url(' [https://fonts.googleapis.com/c...](https://fonts.googleapis.com/css2?family=Festive\&display=swap) ') }

\* { font-family: 'Festivo', cursiva; }

\</estilo>

<br>

***Observação:** ao trabalhar com o Outlook, você deve envolver este @font-face em uma tag @media. Isso ocorre porque o Outlook 2007, 2010 e 2017 não os suporta.*

<br>

***Observação:** se você quiser usar a fonte personalizada no blog, também pode copiar o código da fonte personalizada e criar um valor personalizado para ela e usar o valor personalizado.*