Famílias Tipográficas - de um jeito fácil e resumido

Salve! Estou compartilhando aqui um resumo de algumas coisas que aprendi sobre Famílias Tipográficas, espero ajudar de alguma forma, sua contribuição é bem-vinda! =D

🡢 Família Tipográfica é um conjunto de fontes tipográficas que compartilham características de traços. Podendo ser apresentadas com variações de altura, largura e outros detalhes.

Peso

O peso modifica o traçado da letra e portanto, sua densidade e leiturabilidade*¹. Curiosidade: o peso regular tende a ter uma melhor leiturabilidade

Largura

A largura modifica a estrutura dos tipos, essas modificações implicam diretamente no desempenho do texto

Temos também fontes com largura fixa, todas as suas letras ocupam sempre a mesma quantidade de espaço, são conhecidas como Monospace.

Eixo

O eixo produz mudanças no ritmo de leitura da tipografia

Motivos para usar famílias tipográficas:

1. Variedades harmônicas
2. Hierarquia visual
3. Identidade visual consistente
4. Flexibilidade
5. Suporte global

Algumas famílias tipográficas:

• Futura
• Helvetica
• Georgia
• Metro
• Verdana
• Arial
• Roboto

edit1 (contribuição do tetri)

Serifa:

São os pequenos traços e prolongamentos que ocorrem no fim das hastes das letras.

Podendo estar presente ou não, dependendo da família tipográfica, como podemos observar abaixo: .

Fontes com Serifa (serif) Fontes com serifa são conhecidas principalmente por facilitarem a leitura impressa. Fontes serifadas também são conhecidar por salientar conceitos tradicionais.

Fontes sem Serifa (sans-serif) Tipografias sem serifa são sinonimo de modernidade, foram criadas no seculo 19 e são conhecidas principalmente por facilitar a leitura digital. Muito utilizada em sistemas operacionais por exemplo e comumente escolhida por designers digitais para paragráfos.

E se eu misturar serif com sans-serif? Sim, isso existe. Chamamos de combinação tipográfica, e não misturamos apenas serifadas com não serifadas, as combinações de familiás tipográficas não tem limites (desde que haja técnica e bom senso).

Utilizamos essa técnica principalmente para diferenciar títulos de paragráfos, mas essa técnica não se limita apenas a isso, dependendo da sua situação, dá para explorar de outras formas também, vou deixar abaixo alguns exemplos:

*¹ 🡢 Leiturabilidade diz respeito à facilidade com que o olho absorve a mensagem e se move ao longo da linha. Curiosidade: Para uma boa leiturabilidade, evite extremos, como fontes black ou extralight