---
title: "Fontes Personalizadas: Guia de Configuração"
description: Aprenda a dar um toque único ao seu site incorporando fontes personalizadas diretamente do Google Fonts. Para começar, acesse o site Google Fonts e explore as diversas opções disponíveis.   👉 No exem
---

[Pular para o conteúdo](https://ajuda.netshow.me/knowledge/como-usar-fontes-personalizadas-na-plataforma#main-content)

Português - Brasil

Mostrar submenu para traduções

[Abertura de Tickets](https://ajuda.netshow.me/knowledge/kb-tickets/new?hsLang=pt-br)

![NSM-white-1.png\]](https://ajuda.netshow.me/hs-fs/hubfs/NSM-white-1.png?width=40&height=40&name=NSM-white-1.png)

Abrir navegação principal

Fechar navegação principal

- Português - Brasil
  
  Mostrar submenu para traduções
- [Abertura de Tickets](https://ajuda.netshow.me/knowledge/kb-tickets/new)
- [Acesse nosso site](https://netshow.me/)

[Acesse nosso site](https://netshow.me/)

 Como podemos ajudar você hoje ?

- Não há sugestões porque o campo de pesquisa está em branco.

1. [Ajuda Netshow.me](https://ajuda.netshow.me/knowledge?hsLang=pt-br)
2. [Netshow.me OTT / Member Hub](https://ajuda.netshow.me/knowledge/netshow-me-ott-member-hub?hsLang=pt-br)
3. [8. Personalize](https://ajuda.netshow.me/knowledge/netshow-me-ott-member-hub?hsLang=pt-br#8-personalize)

# Fontes Personalizadas: Guia de Configuração

Aprenda a dar um toque único ao seu site incorporando fontes personalizadas diretamente do **Google Fonts.**

Para começar, acesse o site [Google Fonts](https://fonts.google.com/?preview.size=17) e explore as diversas opções disponíveis.

 

 No exemplo da imagem, a fonte escolhida foi a **Montserrat.**

![](https://ajuda.netshow.me/hs-fs/hubfs/image-png-Aug-06-2025-06-28-59-3967-PM.png?width=612&height=248&name=image-png-Aug-06-2025-06-28-59-3967-PM.png)

 

Depois de escolher a fonte que você quer usar, clique no botão azul **“Get font”**, como mostrado na imagem.

 Você será direcionado para a página onde poderá **copiar o código da fonte, ou o download, no nosso caso, iremos copiar o código.**

 

![](https://ajuda.netshow.me/hs-fs/hubfs/image-png-Aug-06-2025-06-31-48-7461-PM.png?width=623&height=135&name=image-png-Aug-06-2025-06-31-48-7461-PM.png)

 

Na página seguinte, clique em **“Get embed code”** para iniciar a cópia do código que você irá usar na sua plataforma OTT.

 

![](https://ajuda.netshow.me/hs-fs/hubfs/image-png-Aug-06-2025-06-35-19-8405-PM.png?width=501&height=126&name=image-png-Aug-06-2025-06-35-19-8405-PM.png)

 

Depois de clicar, você verá um campo chamado **"Embed code in the `<head>` of your HTML"**. É ali que está o código que você precisa.

A plataforma disponibiliza o **código HTML** completo do **Google Fonts,** que inclui várias linhas, como estas:

> ` <link rel="preconnect" href="https://fonts.googleapis.com"> <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin> <link href="https://fonts.googleapis.com/css2?family=Roboto&display=swap" rel="stylesheet">`

 

A parte necessária para a personalização é apenas a **URL que começa com "https://"** dentro do atributo `href` da última linha em negrito, ou seja:

`https://fonts.googleapis.com/css2?family=Roboto&display=swap`

 

É essa parte da URL que você deve copiar e colar na plataforma para que a fonte funcione corretamente, como na imagem abaixo.

**Retorne à Hub Netshow.me** e, no menu lateral esquerdo, siga este caminho: **Personalize \>\> OTT \>\> Fontes**

![](https://ajuda.netshow.me/hs-fs/hubfs/image-png-Aug-06-2025-06-47-47-5333-PM.png?width=389&height=208&name=image-png-Aug-06-2025-06-47-47-5333-PM.png)

 

#### **Agora vamos configurar as fontes**

**Cole o trecho do link da fonte:**  
Aqui você deve colar o código fonte copiado do embed code.

**Nome da fonte:**  
Informe o nome da fonte que consta no código copiado.

 

**![](https://ajuda.netshow.me/hs-fs/hubfs/image-png-Aug-06-2025-06-56-14-8341-PM.png?width=393&height=233&name=image-png-Aug-06-2025-06-56-14-8341-PM.png)**

#### **Para upload da Fonte**

Existe a opção de fazer o upload da fonte também. Neste caso, toda a fonte personalizada importada do Google deve ser removida dos campos, pois não é possível usar os dois campos de personalização juntos.

![](https://ajuda.netshow.me/hs-fs/hubfs/image-png-Aug-06-2025-07-05-41-7809-PM.png?width=322&height=174&name=image-png-Aug-06-2025-07-05-41-7809-PM.png)

Para instalar a fonte direto do seu pc na plataforma, é necessário que seja importado um arquivo do tipo **.zip** e as fontes precisam estar no formato **WOFF** ou **WOFF2** , além do arquivo ter no máximo **1MB**.

 

Para dúvidas adicionais ou apoio, entre em contato com o **Suporte** pelo WhatsApp:

📱 +55 11 4858-9359  
 ou  [Clique aqui](https://api.whatsapp.com/send/?phone=551148589359&text&type=phone_number&app_absent=0)   

 

 

- [Netshow.me OTT / Member Hub](https://ajuda.netshow.me/knowledge/netshow-me-ott-member-hub?hsLang=pt-br#main-content)

    - [1. Dashboard](https://ajuda.netshow.me/knowledge/netshow-me-ott-member-hub?hsLang=pt-br#1-dashboard)
    - [2. Conteúdo](https://ajuda.netshow.me/knowledge/netshow-me-ott-member-hub?hsLang=pt-br#2-conte%C3%BAdo)
    - [3. Usuários](https://ajuda.netshow.me/knowledge/netshow-me-ott-member-hub?hsLang=pt-br#3-usu%C3%A1rios)
    - [4. Relatórios](https://ajuda.netshow.me/knowledge/netshow-me-ott-member-hub?hsLang=pt-br#4-relat%C3%B3rios)
    - [5. Produto](https://ajuda.netshow.me/knowledge/netshow-me-ott-member-hub?hsLang=pt-br#5-produto)
    - [6. Plataforma de Ensino: Cursos, Trilhas e Certificados](https://ajuda.netshow.me/knowledge/netshow-me-ott-member-hub?hsLang=pt-br#6-plataforma-de-ensino-cursos-trilhas-e-certificados)
    - [7. Comunidade](https://ajuda.netshow.me/knowledge/netshow-me-ott-member-hub?hsLang=pt-br#7-comunidade)
    - [8. Personalize](https://ajuda.netshow.me/knowledge/netshow-me-ott-member-hub?hsLang=pt-br#8-personalize)
    - [9. Integrações](https://ajuda.netshow.me/knowledge/netshow-me-ott-member-hub?hsLang=pt-br#9-integra%C3%A7%C3%B5es)
    - [10. Configurações](https://ajuda.netshow.me/knowledge/netshow-me-ott-member-hub?hsLang=pt-br#10-configura%C3%A7%C3%B5es)
    - [11. Vindi](https://ajuda.netshow.me/knowledge/netshow-me-ott-member-hub?hsLang=pt-br#11-vindi)
- [Netshow.me Transmissão Ao Vivo](https://ajuda.netshow.me/knowledge/netshow-me-transmiss%C3%A3o-ao-vivo?hsLang=pt-br#main-content)

    - [1. Dashboard](https://ajuda.netshow.me/knowledge/netshow-me-transmiss%C3%A3o-ao-vivo?hsLang=pt-br#1-dashboard)
    - [2. Configurações](https://ajuda.netshow.me/knowledge/netshow-me-transmiss%C3%A3o-ao-vivo?hsLang=pt-br#2-configura%C3%A7%C3%B5es)
    - [4. Gerenciar Transmissões](https://ajuda.netshow.me/knowledge/netshow-me-transmiss%C3%A3o-ao-vivo?hsLang=pt-br#4-gerenciar-transmiss%C3%B5es)
    - [5. Gerenciar Vídeos](https://ajuda.netshow.me/knowledge/netshow-me-transmiss%C3%A3o-ao-vivo?hsLang=pt-br#5-gerenciar-v%C3%ADdeos)
    - [3. Gerenciar Diretórios](https://ajuda.netshow.me/knowledge/netshow-me-transmiss%C3%A3o-ao-vivo?hsLang=pt-br#3-gerenciar-diret%C3%B3rios)
    - [6. Suporte para LIVE](https://ajuda.netshow.me/knowledge/netshow-me-transmiss%C3%A3o-ao-vivo?hsLang=pt-br#6-suporte-para-live)
- [Netshow.me App Mobile](https://ajuda.netshow.me/knowledge/netshow-me-app-mobile?hsLang=pt-br#main-content)

    - [Primeiros Passos](https://ajuda.netshow.me/knowledge/netshow-me-app-mobile?hsLang=pt-br#primeiros-passos)
    - [Funcionalidades](https://ajuda.netshow.me/knowledge/netshow-me-app-mobile?hsLang=pt-br#funcionalidades)
- [Netshow.me Live Commerce](https://ajuda.netshow.me/knowledge/netshow-me-live-commerce?hsLang=pt-br#main-content)

    - [Configurações & Preparação](https://ajuda.netshow.me/knowledge/netshow-me-live-commerce?hsLang=pt-br#configura%C3%A7%C3%B5es-prepara%C3%A7%C3%A3o)
    - [Execução & Telas de Transmissão](https://ajuda.netshow.me/knowledge/netshow-me-live-commerce?hsLang=pt-br#execu%C3%A7%C3%A3o-telas-de-transmiss%C3%A3o)
    - [Gestão de Pedidos](https://ajuda.netshow.me/knowledge/netshow-me-live-commerce?hsLang=pt-br#gest%C3%A3o-de-pedidos)
    - [Módulo B2B](https://ajuda.netshow.me/knowledge/netshow-me-live-commerce?hsLang=pt-br#m%C3%B3dulo-b2b)
    - [Métricas & Pós-Live](https://ajuda.netshow.me/knowledge/netshow-me-live-commerce?hsLang=pt-br#m%C3%A9tricas-p%C3%B3s-live)
    - [Integrações](https://ajuda.netshow.me/knowledge/netshow-me-live-commerce?hsLang=pt-br#integra%C3%A7%C3%B5es)
    - [Informações](https://ajuda.netshow.me/knowledge/netshow-me-live-commerce?hsLang=pt-br#informa%C3%A7%C3%B5es)

[![Chill listening crop-3](https://ajuda.netshow.me/hs-fs/hubfs/Brand%20Netshow.me/Netshow.me.Logo2019_Colorida.png?width=140&height=37&name=Netshow.me.Logo2019_Colorida.png "Chill listening crop-3")](https://ajuda.netshow.me/knowledge?hsLang=pt-br)

Transforma a maneira de distribuir e consumir vídeos e conteúdos digitais

<https://br.linkedin.com/company/netshow-me> <https://www.instagram.com/netshowme/> <https://twitter.com/Netshowme>

Copyright © 2026, Netshow.me