Seguindo nosso papo sobre Tipografia. A Parte 1 está disponível aqui.
Família tipográfica
Uma família tipográfica (figura 1) é um conjunto de fontes com diversos estilos. Os estilos são características como peso, postura e largura. Uma família completa dispõe de uma maior quantidade de estilos.
Peso
Entre os pesos mais comuns estão: light (finas), regular (normal), bold (negrito) e black (grossas). Algumas têm como adição o prefixo Extra ou Ultra, que aumenta ou diminui o peso conforme a origem, por exemplo, uma extra-light é mais fina do que uma light, porém ainda não é uma thin (mais fina)e uma extra-bold é mais grossa, porém, ainda não é uma black.
Largura
A largura se divide em dois extremos : condensed (condensada), onde a estrutura dos caracteres são mais estreitos e extended (expandida) quando a estrutura dos caracteres são mais largas. Entre esses limites temos a narrow,que é um nível de largura a mais que a condensed e a normal (figura 2).
Posturas
Há duas posturas que se assemelham. O italic (itálico ou grifo) e o oblique (oblíquo) são inclinados comumente para a direita, porém, a diferença é que enquanto o oblíquo é similar a uma inclinação no normal, o itálico possui traços que se assemelham a escrita a mão (figura 3).
Quando queremos enfatizar uma palavra ou em um título aplicamos o negrito (bold), a fonte é encorpada dando mais volume e destaque para a informação; ou então geralmente quando queremos falar algum termo em outra língua, nomes científicos ou até uma citação utilizamos o itálico. O tamanho e o peso são os fatores principais na leiturabilidade, uma fonte leve (light) com serifas pode ter a leiturabilidade prejudicada quando impressa, devido suas formas mais estreitas podem não ser impressas ou borrar com impressoras convencionais.
Veja o vídeo “Diferenças entre fontes desenhadas para títulos, para textos e para legendas” de Marcelo Kimura, sobre os detalhes dos caracteres e quais são mais adequadas para determinados usos.
Entre as letras
Em uma diagramação de texto corrido, é possível reparar que há alguns espaços visíveis. Esses espaços têm nomes, eles são:
Kern (entreletra)
É espaço entre os caracteres. Kerning é a ação de aumentar ou diminuir o espaço entre os caracteres manualmente (figura 4). Em uma palavra, os espaços entre as letra não são o mesmo, principalmente por letras como T que tem um espaço vazio devido sua barra superior, em uma sequência como “To” a letra “o” invade um pouco esse espaço ou sequências como VA, na qual ambos completam o espaço ao invés do espaço ser metido nos extremos. Já as ligaduras são diferentes, há algumas fontes que existe essa ausência de kerning, pois as letras se conectam formando uma.
Track (entre palavra)
É o espaço entre as palavras. Tracking é a ação de aumentar ou diminuir o espaço entre as palavras manualmente de forma proporcional ao kerning pré definido (figura 4).
Lead (entrelinha)
É o espaço entre as linhas. Leading é a ação de aumentar ou diminuir o espaço entre as linhas manualmente, semelhante ao espaçamento de linhas do Word.
Anatomia tipográfica
Antes de falarmos sobre os nomes das partes dos tipos, é importante falar sobre sua altura (canto direito da figura 5).
Linha base: base da letra;
Altura-X: altura máxima de uma letra minúscula que não tem ascendente;
Ascendente: área limite para letras maiúsculas e para algumas minúsculas que ultrapassam a altura-X. ex: f, t, l, b e d;
Descendente: área principalmente para letras minúsculas que possuem partes que ultrapassam a linha base. ex.: p, g, q, y e ç;
Corpo: é o tamanho num todo da letra, geralmente se utiliza a medida pt. (pontos) que equivalem a 0,376mm.
Versalete: Letras maiúsculas que tem altura de letras minúsculas (até altura-x);
Old Style: são números com tamanho que podem ultrapassar a altura-x e linha base.
Partindo para a anatomia de uma tipo, os nomes das suas partes mais comuns são:
Abertura: espaço vazio aberto. ex.: U e C;
Barra ou travessão: traço superior. ex: T e F;
Barriga: linha curva que liga a haste. ex.: P, R, a;
Braço: traço horizontal. ex. E, F, superior do T, o centro do H e os extremos do Z;
Espinha: haste curva. ex.: S e O dividido no meio;
Haste: traço vertical ou diagonal principal. ex.: centro do Z, os dois extremos do A e do H, o I é uma haste e o traço esquerdo do P;
Olho: espaço vazio fechado. ex: O, P, D, a e Q;
Ombro: curva que liga a haste e tem um término. ex: m, n e h;
Terminal: final de um traço, ele pode ser em formato de lágrima (f na figura 13), uma cauda (j e y) ou uma orelha (g);
Serifas
As serifas (figura 6) são traços nas bases e nos terminais nas fontes desenhadas com essa versão, na qual é utilizado em uma fonte, não em um caractere específico. Já as tipos grotescas (figura 7) são as sem serifas.
Recomendações
O jogo KernType permite você treinar o seu kerning, ajustando os espaços entre as letras manualmente e vendo se acerta. Acesse aqui.
O jogo Shape Method você ajusta a forma da letra ajustando as curvas Bézier e pontos de ancoragem. Acesse aqui.
A Estereográfica é uma editora brasileira que possui diversos livros sobre tipografia, inclusive de como criá-las. Acesse aqui.
A página Tipografia Paulista da FAU/USP é um acervo que reúne imagens de tipos criadas nas oficinas na cidade de São Paulo entre 1827 e 1927. Acesse aqui.
O conteúdo didático do Professor Rafael Hoffman sobre tipografia possui diversos materiais que podem ser utilizados para estudo. Acesse aqui.
O livro Elementos do Estilo Tipográfico do Robert Bringhurst possui um conteúdo completo e indispensável para estudo de como utilizar tipos, suas composições e diagramação.
REFERÊNCIAS
ARTY, David. Tipografia: guia sobre tipos – escolhendo a fonte certa. Chief of Design, 2018
Disponível em: https://www.chiefofdesign.com.br/tipografia-02/#subTitulo02. Acesso em: 21 jan. 2021.
BRINGHURST, Robert. Elementos do estilo tipográfico (versão 4.0). São Paulo: Ubu, 2018.
CARLOS, Rocha. Etimologia e significado de tipografia. Ciberdúvidas da Língua Portuguesa, 2013. Disponível em: https://ciberduvidas.iscte-iul.pt/consultorio/perguntas/etimologia-e-significado-de-tipografia/32265#:~:text=A%20palavra%20tipografia%20%C3%A9%20palavra,%2C%20escrito%2C%20conven%C3%A7%C3%A3o%2C%20documento%2C. Acesso em: 18 jan. 2021.
DESIGN CULTURE. O que são fontes TrueType, OpenType e PostScript?. Design Culture, 2013.
Acesso em: 23 jan. 2021.
HOFFMAN, Rafael. Tipografia: anatomia do Tipo. 2012
Disponível em:
https://www.rafaelhoffmann.com/aula/arquivos/tipografia/anatomia_do_tipo.pdf. Acesso em: 22 jan. 2021.
_____. Tipografia: Conteúdo 4 - Anatomia, classificação e famílias. 2012.
Disponível em: https://www.rafaelhoffmann.com/aula/arquivos/tipografia/conteudo_04_anatomia_classificacao_familias.pdf. Acesso em: 22 jan. 2021.
LEONORA. Qual a diferença entre lettering, caligrafia e tipografia?. Leonora, 2020.
Disponível em:
https://leonora.com.br/descubra-a-diferenca-entre-lettering-caligrafia-e-tipografia/#:~:text=Para%20resumir%2C%20o%20lettering%20%C3%A9,caracteres%20para%20impress%C3%A3o%20com%20regras. Acesso em: 20 jan. 2021.
LUPTON, Ellen. Pensar com tipos. São Paulo: Gustavo Gili, 2018.
TIPÓGRAFOS. Tecnologias da tipografia e da impressão. Tipografos.net, 2007. Disponível em: http://www.tipografos.net/tecnologias/. Acesso em: 20 jan. 2021.
YUUKURA, Fernanda. Uma breve introdução à Tipografia. Medium, 2017.
Disponível em: https://medium.com/deadlines/uma-breve-introdu%C3%A7%C3%A3o-a-tipografia-5ec4177cd8c. Acesso em: 18 jan. 2021.