Serif, Sans, Script & Slab: 4 tipos de fonte explicados

Sempre quis saber a diferença entre fontes serif, sans, script e slab? Não procure mais. Leve seu jogo de tipografia para o próximo nível e pare de adivinhar se certos tipos de letra ou pares de fontes funcionam juntos. Apoie sua lógica com um pouco de teoria do design!

Ter um melhor conhecimento de fontes e tipografia pode facilitar a explicação de suas escolhas para os clientes (sempre um bônus) e fornecer mais confiança ao selecionar pares de fontes. Aqui está uma cartilha (ou atualização) sobre quatro tipos de fonte comuns e como usá-los em seus projetos de design.

Explore o Envato Elements

1. Serif

Os tipos de letra serif são sem dúvida a categoria de tipo mais tradicional. O estilo é comum na tipografia de livros e jornais e é frequentemente usado em longos blocos de texto.

Os tipos de letra serif podem ser identificados por pequenos divots nas extremidades das formas da letra.

Por um tempo, muitos web designers ficaram longe de usar fontes serif porque se preocupavam com o fato de o visual não ser legível online. Esse não é mais o caso, graças às telas de alta definição que mostram todos os detalhes.

Independentemente disso, o uso de caracteres serif não é tão comum quanto a opção sans. Na maioria dos casos em que os tipos de letra serif são usados, eles complementam uma opção sem serif usada na maior parte do texto na tela.

Os tipos de letra serif podem ser identificados por pequenos divots nas extremidades das formas da letra. Esses pequenos movimentos podem ser curtos ou longos, retos ou angulares ou com pesos variados.

As fontes serif são frequentemente agrupadas em um punhado de subcategorias com base no período em que o estilo foi originalmente criado - estilo antigo, moderno e de transição.

Serifas de estilo antigo têm uma forma arredondada com larguras uniformes de traçado. Cada letra de um serifa moderno tem larguras de traçado grossas e finas. Serifs de transição são uma combinação dos dois estilos mencionados acima e são um estilo de serif quase padrão para muitos designers.

• Melhor para: Exibir ou corpo do texto
• Evitar: Empilhar muitas serifas, a menos que você esteja procurando um estilo antigo
• Emparelhar com: Um simples sem serifa
• Opções populares (do Google Fonts): Merriweather, Playfair Display, Arvo

2. Sans Serif

Os tipos de letra Sans Serif não possuem nenhum enfeite nas extremidades das formas das letras, assumindo uma forma mais simples. Mas não pense que, devido à falta de adorno nas letras, as sem serifas são chatas. Eles são tudo menos.

Evite opções super finas, pois elas podem ser difíceis de ler.

Os estilos sem serifa podem ter letras grossas ou finas, curtas ou altas, gordas ou condensadas.

Esse estilo de tipo foi usado de forma bastante dominante no design do site devido à sua versatilidade. Os tipos de letra Sans Serif são universalmente aceitos pela maioria dos designers e podem quase assumir a personalidade do design em que são usados. (Pense em quantas vezes você viu Helvetica e em quão diferentes foram esses projetos.)

• Melhor para: Exibir ou corpo do texto
• Evitar: opções super finas porque podem ser difíceis de ler
• Emparelhar com: Qualquer outro estilo de fonte
• Opções populares: Roboto, Open Sans, Raleway

3. Script

As fontes de script são um dos estilos menos vistos no design de sites, e por boas razões: os scripts tendem a evocar emoções distintas com os usuários e geralmente podem ser difíceis de ler.

Muitos designers se referem aos scripts como uma classe de fontes "manuscritas".

A maioria das fontes de script pode ser identificada pela curva das formas das letras e dos traços de conexão, que imitam a caligrafia cursiva. Muitos designers se referem aos scripts como uma classe de fontes "manuscritas".

Enquanto muitas pessoas assumem que os scripts têm um toque feminino, esse nem sempre é o caso. Os scripts com traços mais grossos ou mais severos podem realmente parecer mais masculinos. Grande parte da associação realmente depende dos elementos de design circundantes.

A maior preocupação com os tipos de script é a legibilidade. Os scripts não são fáceis de digitalizar e são excepcionalmente difíceis de ler em tamanhos menores ou em espaço compactado (como grandes blocos de texto).

• Melhor para: exibição com apenas algumas palavras
• Evitar: usar em grandes blocos de texto
• Emparelhar com: Sans Serif
• Opções populares: Pacífico, Lagosta, Sacramento

4. Laje

Os tipos de letra de laje são interessantes. Houve um tempo em que as lajes eram um subconjunto de tipos de letra com serifa, mas isso mudou, e as fontes de laje se referem a quase todos os estilos de letra com pesos de traçado super espessos para todas as letras.

Esse estilo de tipo é comum em publicidade e em sites quando a mensagem é curta e distinta.

Esses caracteres pesados ​​são quase sempre usados ​​para o tipo de exibição e grandes títulos. Eles são ousados ​​e quase gritam com o usuário.

Esse estilo de tipo é comum em publicidade e em sites quando a mensagem é curta e distinta. As lajes podem ser esmagadoras e difíceis de ler se forem usadas muitas letras devido ao peso e tamanho. Esse estilo de tipo também pode ser usado para elementos de design, como capitulares e pequenos aplicativos de letra única.

A coisa divertida sobre os tipos de letra de laje é que, devido aos pesos pesados ​​do curso, há muitas coisas que você pode fazer com elas. Os tipos de letra de laje são perfeitos para estilos embutidos, fontes coloridas, preenchimento de letras com imagens ou criação de uma palavra transparente sobre uma imagem. Formas de letra espessas tornam esses aplicativos mais utilizáveis ​​e legíveis, de uma maneira que não funciona tão bem com outros estilos de fonte.

• Melhor para: Exibir texto
• Evitar: usar em tamanhos menores devido a problemas de legibilidade
• Emparelhar com: Um sem serifa ou serifa
• Opções populares: Slabo, Rammetto One, Graduação

Conclusão

Os maiores erros que os designers cometem ao trabalhar com fontes são usar muitos tipos de letra ou tipos de letra muito semelhantes. A maioria dos pares de tipos excelentes inclui duas famílias de tipos de categorias diferentes - escolha uma das duas opções acima. Escolha tipos de letra com muitas opções e atribua uma função distinta para cada tipo de letra no design.

Procure fontes com formas e inclinações semelhantes para emparelhamentos que funcionem juntos como um encanto. E não tenha medo de experimentar muitas opções para obter o clima necessário para cada projeto.