# Fontes script: quando letras manuscritas funcionam e quando não

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

Uma fonte script pode fazer um cartão parecer escrito à mão ou um logo parecer caloroso. Pode também deixar um cardápio ilegível. A diferença está em poucas regras sobre extensão, tamanho e contexto.

## The short version

- Fontes script imitam a escrita à mão ou a caligrafia, com letras inclinadas e muitas vezes ligadas.
- Scripts se leem bem em um nome, em uma palavra ou em uma frase curta, e mal em frases longas ou parágrafos.
- Fontes script nunca devem ser compostas só em maiúsculas, porque as maiúsculas são desenhadas para iniciar palavras, não para ficar enfileiradas.
- A maioria dos scripts precisa ser composta maior que uma sem serifa para ser lida, muitas vezes com pelo menos o dobro do tamanho do texto corrido.
- Um script funciona melhor combinado com uma serifada ou sem serifa simples que leve todo o resto.

**Fontes script** imitam a escrita à mão, da caligrafia formal copperplate ao lettering solto de pincel, e funcionam quando usadas para uma coisa curta: um nome, uma palavra, uma assinatura ou uma saudação de duas palavras. Deixam de funcionar em frases, em maiúsculas, em tamanhos pequenos e sobre fundos cheios, porque suas letras ligadas e inclinadas são mais difíceis de distinguir do que as formas retas de uma serifada ou sem serifa. Trate o script como um tempero, não como a refeição, e ele acrescentará calor sem custar leitores.

## Os principais tipos de fonte script

Script é uma família ampla. Cada tipo carrega um tom diferente, e alguns são bem mais legíveis que outros. Todos os exemplos abaixo são grátis no Google Fonts.

| Tipo | Parece | Exemplos grátis | Legibilidade |
| --- | --- | --- | --- |
| Formal | Pena copperplate, traços finíssimos, inclinação constante | Pinyon Script, Great Vibes, Petit Formal Script | Baixa em frases, boa para nomes |
| Pincel | Traços pintados, grossos e finos, enérgicos | Kaushan Script, Yellowtail, Pacifico | Média em tamanhos grandes |
| Monolinha | Traço uniforme e de baixo contraste, como uma caneta hidrocor | Sacramento, Dancing Script | Média, melhor que a formal |
| Manuscrita | Letra do dia a dia, muitas vezes sem ligações | Caveat, Kalam, Shadows Into Light | Boa, o script mais legível |
| Assinatura | Estilo de autógrafo rápido, alto e solto | Mrs Saint Delafield, Herr Von Muellerhoff | Baixa, só uma ou duas palavras |

Cinco tipos de script, do mais formal ao mais casual. Fontes manuscritas sem ligações são as mais seguras quando você precisa de mais do que poucas palavras.

## Quando as fontes script funcionam

- **Nomes**, como os nomes de um casal em um convite de casamento ou o nome de uma pessoa em um cartão de agradecimento.
- **Uma palavra que carrega sentimento**, como Bem-vindo, Obrigado, Fresco ou Promoção, composta em tamanho grande.
- **Uma linha de assinatura** no fim de um bilhete ou post, onde soa pessoal.
- **Logos com nomes curtos**, sobretudo para padarias, floriculturas, salões e papelarias, desde que o nome continue legível em tamanhos pequenos.
- **Acentos em um layout simples**, em que o contraste entre script e sem serifa é o ponto.

Um post vertical de agradecimento com as palavras Muito obrigado em letras grandes e uma linha de apoio simples embaixo

Uma saudação de duas palavras é o trabalho ideal para um script. A linha de apoio embaixo pede uma sem serifa simples.

Um cartão de save the date com os nomes Sophie e Daniel acima da data e do local em versaletes

Um save the date de 5×7 polegadas. Nomes combinam com script; a data e o local precisam ser lidos na hora, então componha-os em maiúsculas ou em uma serifada.

## Quando as fontes script não funcionam

### Evite

- Parágrafos, cardápios ou preços em script
- Scripts em TODAS AS MAIÚSCULAS
- Script pequeno, abaixo de cerca de 2× o tamanho do texto
- Espaçamento extra que quebra as ligações
- Script sobre uma foto ou padrão cheio
- Dois scripts diferentes em um só design

### Faça

- Uma frase em script e todo o resto em sem serifa ou serifada
- Script em sua caixa normal, alta e baixa
- Script grande, muitas vezes de 2 a 3× o tamanho do texto
- Espaçamento zero, para as letras ligadas continuarem ligadas
- Uma área calma e uniforme atrás do script
- Um script, usado com consistência

As maiúsculas são o erro mais comum. As maiúsculas de um script são desenhadas com laços e floreios para abrir uma palavra, então uma fileira delas vira um emaranhado difícil de ler. O espaçamento é o segundo: scripts ligados são desenhados para que cada letra se junte à seguinte, e qualquer espaçamento extra deixa lacunas visíveis no traço. Para maiúsculas, use uma serifada ou sem serifa e leia [tipografia em caixa alta](https://gradiently.design/pt-br/guide/all-caps-typography).

## Como manter as fontes script legíveis

1. **Limite a poucas palavras** Cinco palavras é um teto sensato para um script formal ou de pincel. Fontes manuscritas como a Caveat podem chegar a uma frase curta.
2. **Componha grande** Scripts têm minúsculas pequenas em relação ao tamanho. Em um post de 1080 px, mantenha um script em 100 px ou mais; veja [tamanho de fonte para posts do Instagram](https://gradiently.design/pt-br/guide/font-size-for-social-media).
3. **Use um peso mais forte em telas** Os traços finíssimos dos scripts formais somem quando um post é comprimido. Escolha uma família com opções mais fortes, ou um estilo monolinha ou de pincel.
4. **Dê a ele um contraste calmo** Scripts têm traços finos e contornos complexos. Coloque-os na parte mais quieta do fundo, com forte contraste entre claro e escuro.
5. **Leia sem contexto** Mostre o design a alguém que não o viu, por dois segundos. Se a pessoa não conseguir ler a palavra em script, mude a fonte ou o tamanho.

## Combinando fontes script

Um script precisa de um par calmo. A combinação funciona porque as duas são tão diferentes: uma é fluida e pessoal, a outra reta e clara. Evite combinar um script com uma fonte display decorativa; duas personalidades gritam uma por cima da outra. [Combinação de fontes](https://gradiently.design/pt-br/guide/font-pairing) trata das regras gerais.

| Script | Par | Tom |
| --- | --- | --- |
| Pinyon Script | Cormorant Garamond | Formal, romântico, papelaria de casamento |
| Great Vibes | Montserrat em maiúsculas | Clássico com um toque moderno |
| Pacifico | Nunito | Descontraído, amigável, praiano |
| Kaushan Script | Oswald | Enérgico, esportivo, comida de rua |
| Caveat | Inter | Bilhetes, dicas e posts casuais |
| Sacramento | Jost | Beleza e bem-estar, leve e arejado |

Seis combinações de script com Google Fonts grátis. O script leva uma frase; o par leva todos os detalhes.

## Fontes script na web

Muitos scripts incluem letras alternativas e ligaturas que deixam as junções mais naturais. Os navegadores normalmente ativam por padrão as ligaturas padrão e as alternativas contextuais; declará-las as mantém ativas caso uma folha de estilo de reset as desligue. Floreios e conjuntos estilísticos precisam ser pedidos por meio de [font-feature-settings](https://developer.mozilla.org/en-US/docs/Web/CSS/font-feature-settings), e só onde a fonte os inclui.

```css
.script {
  font-family: "Great Vibes", "Snell Roundhand", cursive;
  font-size: clamp(2.5rem, 6vw, 4.5rem);
  line-height: 1.2;           /* tall loops need room */
  letter-spacing: 0;          /* never track a connected script */
  text-transform: none;       /* never all caps */
  font-feature-settings: "liga" 1, "calt" 1;
}
```

Mantenha `letter-spacing` em zero e `text-transform` desligado. O fallback genérico `cursive` faz a linha ainda parecer manuscrita enquanto a fonte carrega.

Em posts de redes sociais, o contraste é onde os scripts mais sofrem, porque seus traços finos atravessam muitos tons de um fundo. Os Marks do Gradiently levam a área mais calma para trás das suas palavras e escolhem tinta clara ou escura linha a linha, o que dá a um script delicado o fundo uniforme de que ele precisa. Para fontes refinadas em geral, veja [fontes elegantes](https://gradiently.design/pt-br/guide/elegant-fonts); para letras desenhadas em vez de fontes, [lettering vs tipografia](https://gradiently.design/pt-br/guide/lettering-vs-typography).

## FAQ

### O que é uma fonte script?

Uma tipografia que imita a escrita à mão ou a caligrafia, em geral com letras inclinadas e muitas vezes ligadas, da copperplate formal aos estilos casuais de pincel.

### Dá para usar fontes script em caixa alta?

Não. As maiúsculas de um script são desenhadas para iniciar palavras, e uma fileira delas é muito difícil de ler. Use uma serifada ou sem serifa para qualquer coisa em maiúsculas.

### Qual é a fonte script mais legível?

As fontes manuscritas sem ligações, como Caveat e Kalam, são as mais legíveis, seguidas pelos scripts monolinha como a Dancing Script.

### Fontes script são boas para logos?

Podem ser, para nomes curtos em categorias calorosas e pessoais, como padarias, floriculturas e salões. Teste o logo em tamanhos pequenos, onde os scripts perdem detalhe primeiro.

### Que fonte combina com uma fonte script?

Uma serifada ou sem serifa calma, como Cormorant Garamond, Montserrat ou Inter. Deixe o script levar uma frase e o par levar todo o resto.