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

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.

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.

Quando as fontes script não funcionam

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.

Como manter as fontes script legíveis

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

3. 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. 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. 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 trata das regras gerais.

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, e só onde a fonte os inclui.

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

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; para letras desenhadas em vez de fontes, lettering vs tipografia.