# Envie fontes personalizadas e use a tipografia da marca em tudo

[Canonical HTML page](https://gradiently.design/pt-br/guide/custom-fonts-upload)

As fontes da sua marca são metade do que faz as pessoas reconhecerem você. Veja como enviá-las para o Gradiently, como famílias e pesos são agrupados e as perguntas de licença a fazer antes.

## The short version

- O Gradiently aceita o envio de fontes da marca nos formatos OTF, TTF, WOFF e WOFF2, até 15 MB por arquivo.
- Arquivos enviados com o mesmo nome de família são agrupados numa só família, então cada peso e itálico vira um estilo dela.
- O Gradiently lê a permissão de incorporação definida dentro de cada fonte, e uma fonte que proíbe incorporação é desenhada como pixels nas exportações em PDF e SVG.
- Uma licença de fonte para desktop nem sempre cobre o uso numa ferramenta de design baseada na web, então confira a licença antes de enviar.
- O envio de fontes personalizadas faz parte do kit da marca, que vem com o Gradiently Pro.

Para **enviar fontes personalizadas** ao Gradiently, abra a página Marca, vá até **Fontes** e escolha **Enviar fonte** em **Suas próprias fontes**. Adicione seus arquivos OTF, TTF, WOFF ou WOFF2, um peso por vez ou vários juntos, e depois escolha sua fonte como **Título** ou **Texto**. A partir daí, os novos designs no Studio começam com a sua tipografia, e o Designer também a usa. Antes de enviar, gaste dois minutos com a sua licença: essa parte importa mais do que o botão.

## Como enviar fontes personalizadas para o kit da marca

1. **Encontre os arquivos da fonte** Procure na pasta que a fundição ou o designer enviou, não no menu de fontes do sistema. Você quer um arquivo por estilo: Regular, Italic, Medium, Bold e assim por diante.
2. **Abra Marca e depois Fontes** Confira se está na marca certa: cada marca guarda as próprias fontes. Em **Suas próprias fontes**, escolha **Enviar fonte**.
3. **Adicione os estilos que você usa** Envie cada arquivo. Quando um estiver pronto, você verá *“Nome está pronta para usar”*. Arquivos com o mesmo nome de família entram automaticamente na mesma família.
4. **Defina título e texto** Abra os seletores **Título** e **Texto** e escolha sua fonte em **Suas**. A prévia ao lado do formulário mostra um post de exemplo com elas.
5. **Confira o aviso, se houver** Se as configurações da própria fonte proíbem a incorporação, o Gradiently avisa que as exportações em PDF e SVG vão desenhá-la como pixels. Mais sobre isso abaixo.

## Quais arquivos de fonte funcionam

| Formato | Aceito | Observações |
| --- | --- | --- |
| OTF | Sim | O formato de desktop habitual das fundições |
| TTF | Sim | Comum em fontes antigas e em downloads do Google Fonts |
| WOFF | Sim | Um formato web comprimido |
| WOFF2 | Sim | O menor formato web; muitas vezes o arquivo mais fácil de achar |
| Coleção TTC | Não | Exporte antes uma única fonte da coleção |
| Arquivos acima de 15 MB | Não | Fontes CJK ou de ícones muito grandes podem precisar de subconjunto |

Limites de envio para fontes da marca. Uma marca pode guardar até 48 arquivos de fonte no total.

Fontes variáveis também funcionam. O Gradiently lê a faixa de pesos dentro do arquivo, então um único arquivo variável pode cobrir tudo, do light ao black. Se você ainda não as conhece, [fontes variáveis](https://gradiently.design/pt-br/guide/variable-fonts) explica o que elas fazem.

## Como funcionam famílias, pesos e substituições

O Gradiently agrupa os arquivos pelo nome de família guardado dentro de cada fonte, ignorando maiúsculas e espaços. Envie Söhne Regular, Söhne Italic e Söhne Bold e você terá uma família com três estilos, não três fontes. Alguns comportamentos decorrem disso, e eles poupam arrumação depois.

- **O mesmo arquivo duas vezes** não faz nada, então você não cria duplicatas sem querer.
- **Um arquivo novo para um estilo existente**, como um Bold atualizado pela fundição, substitui o antigo.
- **Renomeie uma família** se o nome interno não ajudar, como um código de um projeto de tipografia sob medida.
- **Remova uma família ou um único estilo** quando não precisar mais. Os designs que o usavam voltam para a sem serifa da biblioteca, então confira os designs antigos depois.

Um post de anúncio de moda com uma combinação de fontes comum da biblioteca

Um post com uma combinação da biblioteca. Funciona bem, e é compartilhada com todas as outras marcas que a escolheram.

O mesmo post de anúncio de moda com a tipografia própria enviada pela marca

O mesmo post na tipografia própria da marca. Muitas vezes é a fonte que torna um post reconhecível antes mesmo de alguém ver o logo.

## Licenças de fontes: o que conferir antes de enviar

Um arquivo de fonte é software, e a licença diz onde você pode usá-lo. Muitas licenças separam o uso em desktop, em que a fonte é instalada em computadores específicos, do uso em web ou app, em que ela é servida a navegadores. Enviar para qualquer ferramenta de design baseada na web, incluindo o Gradiently, armazena o arquivo e o serve para as pessoas que trabalham no seu espaço de trabalho, e as exportações podem incorporá-lo. Leia [licenciamento de fontes](https://gradiently.design/pt-br/guide/font-licensing) para o quadro completo, e pergunte à fundição se a licença não disser.

### Confira antes

- Uma licença de desktop para um número fixo de computadores
- Uma fonte de teste ou de uso pessoal
- Uma fonte de um site de download gratuito sem arquivo de licença
- Uma fonte que uma agência antiga comprou em nome próprio

### Geralmente tudo bem

- Uma licença que menciona uso em web, app ou software
- Fontes sob a SIL Open Font License, como a maioria das Google Fonts
- Uma tipografia sob medida que sua marca encomendou e possui
- Uma licença que a fundição confirmou por escrito

Se as fontes da sua marca estiverem fora de alcance, uma fonte da biblioteca com caráter parecido é uma substituta sensata. [Fontes gratuitas para uso comercial](https://gradiently.design/pt-br/guide/free-commercial-fonts) lista escolhas seguras, e [combinação de fontes](https://gradiently.design/pt-br/guide/font-pairing) ajuda a combiná-las.

## Permissões de incorporação e suas exportações

Além da licença escrita, as fundições definem uma flag de incorporação dentro do próprio arquivo da fonte. O Gradiently a lê no envio e a respeita quando você exporta.

| Flag de incorporação na fonte | PNG, JPG, vídeo | PDF e SVG |
| --- | --- | --- |
| Instalável ou editável | Renderizada normalmente | Texto mantido como texto real |
| Impressão e visualização | Renderizada normalmente | Texto mantido como texto real |
| Restrita | Renderizada normalmente | Texto desenhado como pixels |

Exportações de imagem e vídeo são sempre imagens da sua tipografia. Só PDF e SVG, que podem carregar a própria fonte, mudam quando a incorporação é restrita.

> **Quando os pixels importam** Texto em pixels num PDF parece igual na tela, mas não pode ser selecionado nem pesquisado, e a gráfica não consegue ajustá-lo. Para impressos numa fonte restrita, exporte em alta resolução ou peça à fundição uma versão que permita incorporação.

## Como aproveitar ao máximo a sua tipografia

Envie só os estilos que você realmente usa: em geral um regular, um itálico e um ou dois pesos mais fortes. Um conjunto enxuto mantém os designs consistentes e o menu de fontes curto. Depois defina a fonte de título como seu estilo display ou bold e a de texto como algo calmo em tamanhos pequenos; [fontes da marca](https://gradiently.design/pt-br/guide/brand-fonts) e [um sistema tipográfico](https://gradiently.design/pt-br/guide/brand-typography-system) vão além.

No Studio, **Aplicar kit da marca** coloca as fontes da sua marca em todas as palavras de um design de uma vez, e a legibilidade de um Mark as mantém legíveis seja lá o que estiver atrás. Se você também está montando o resto do kit, [importar a marca do seu site](https://gradiently.design/pt-br/guide/import-brand-from-website) preenche nome, descrição, cor e ícone num passo só.

## FAQ

### Quais formatos de fonte posso enviar ao Gradiently?

OTF, TTF, WOFF e WOFF2, até 15 MB por arquivo. Coleções de fontes TTC não são aceitas, então exporte antes uma única fonte delas.

### Posso enviar uma fonte que comprei para o meu computador?

Só se a licença permitir o uso em software baseado na web. Muitas licenças de desktop não permitem, então confira a licença ou pergunte à fundição.

### Por que meu texto sai pixelado na exportação em PDF?

A permissão de incorporação da fonte é restrita, então o Gradiently a desenha como pixels em PDF e SVG em vez de incorporar o arquivo da fonte.

### As fontes enviadas funcionam em todos os designs?

Elas pertencem à marca para a qual você as enviou, e todos os designs dessa marca podem usá-las. Outra marca precisa do próprio envio.

### O que acontece com os designs se eu excluir uma fonte?

O texto que a usava volta para a sem serifa da biblioteca, então abra os designs antigos e escolha uma substituta onde precisar.