Como encontrar fontes legíveis.

Recebemos muitas perguntas aqui na Monotype, mas uma das mais frequentes é provavelmente alguma variação disso: como encontro fontes legíveis? As pessoas podem perguntar de forma diferente — perguntarão quais fontes são mais legíveis, por exemplo, como saber se uma fonte é altamente legível — mas todos estão perguntando a mesma coisa básica: o que torna uma fonte legível e como faço para encontrar uma?

Como muitas questões de design, a receita para essa resposta é uma mistura de arte e ciência e é regida por menos regras do que por melhores práticas. A chave é compreender os principais componentes de uma fonte que afetam a legibilidade e, em seguida, encontrar a fonte com as características que melhor correspondem à linguagem visual com a qual você está trabalhando.

Legibilidade é um tópico amplo com muito mais nuances do que podemos abordar em um único artigo, mas compreender alguns pontos-chave ajudará você a escolher com segurança uma fonte legível para seu próximo projeto. Então, vamos nos aprofundar!

A legibilidade está na mente do leitor.

Quando lemos, nossos olhos captam as formas escritas em uma página, traduzem essas formas em letras, combinam as letras em palavras e depois conectam essas palavras aos seus significados. Tudo isso acontece tão rapidamente que mal percebemos.

Mas, se uma dessas etapas do processo ficar mais lenta ou encontrar um obstáculo, nossa leitura também fica mais lenta. Isso pode não importar em alguns casos – uma manchete deliberadamente ofuscada em uma revista, talvez – mas é muito importante em casos de uso digital ou de rápida visualização, ou em ambientes de leitura estendida em que você deseja que o leitor mergulhe na história.

Fontes altamente legíveis essencialmente fogem da atenção do leitor. Elas são fáceis de serem examinadas pelos olhos e de compreensão pelo cérebro, de modo que o leitor é capaz de fluir pelas páginas de um livro ou verificar instantaneamente o texto na tela de um carro. Eles podem parecer tão naturais e fáceis quanto respirar.

O que torna uma fonte legível?

Certo, então a pergunta óbvia aqui é: o que torna uma fonte “fácil” para os olhos e o cérebro? Todas as fontes não são só… letras? Por que algumas cartas são mais fáceis de ler do que outras?

Ao procurar fontes legíveis, é útil pensar no formato das letras e das palavras (curiosidade: o termo para o formato da palavra é “bouma”). Na verdade, seus olhos e seu cérebro não traçam cada curva e ângulo de um “a” minúsculo antes de confirmar que, sim, é um “a” minúsculo. Talvez seja assim que funcionava quando você estava aprendendo a ler. Ainda assim, a maioria de nós ganha a capacidade de determinar que um “a” é um “a” com base na sua forma geral e na sua relação com as letras que estão ao lado.

Dito isso, as letras vêm em uma variedade de formatos, dependendo do estilo da fonte. O “O” em uma sem serifa geométrica, como ITC Avant Garde, é um círculo quase perfeito. Só um “a” poderia ser confundido, a princípio, com o mesmo “o”. Você consegue ler sans geométricos como Avant Garde ou Futura? Claro. Mas, muitas vezes, poderia ser mais fácil.

Insira fontes humanistas. Frederic Goudy. As fontes humanistas estão enraizadas na tradição caligráfica e, portanto, têm ecos na tipografia humanista (daí o nome) gravadas em seu DNA. Um exemplo popular de tipo humanista é Proxima Nova, de Mark Simonson. Olhe atentamente para o “o” e você verá que ele tem um formato oval sutil, não um círculo. Examine o “a” minúsculo e você notará que os traços na cavidade ficam mais finos à medida que encontram a haste vertical. Todos esses detalhes sinalizam a identidade da letra para nossos cérebros. Outras tipografias humanistas populares (e híbridos humanistas/geométricos) incluem Frutiger, Morandi, Gotham e Optima.

As fontes serifa oferecem legibilidade semelhante ao leitor, por isso não é surpresa que sejam a escolha predominante para livros, revistas e outras situações de leitura de formato longo. No entanto, as fontes com serifa têm historicamente representado um desafio em casos de uso digital devido ao contraste do traço, a diferença entre linhas grossas e finas em uma fonte (discutida abaixo). Fontes com serifa de alto contraste de traços com linhas finas são destinadas ao uso em tamanhos maiores, enquanto as serifas destinadas ao uso em tamanhos menores são projetadas com menos contraste de traços. Esse efeito e complexidade são frequentemente exacerbados pela qualidade da tela, o que torna as fontes com serifa mais difíceis de serem projetadas em casos de uso digital em que uma variedade de tamanhos pode ser necessária. Por causa disso, as tipografias humanistas se tornaram a escolha preferida para casos de uso digital e assim permanecem até hoje, embora as telas móveis modernas ofereçam clareza quase perfeita em fontes com serifa.

Um bom exemplo do oposto desses estilos é a fonte Eurostile. Não há nada de errado com o Eurostile como fonte e, na verdade, ela é incrivelmente popular em filmes de ficção científica por causa de sua vibe futurista (nos anos 70) e agora retro-futurista. Quando as montadoras começaram a implementar touchscreens e sistemas de infoentretenimento em seus veículos, muitas delas escolheram o Eurostile para a experiência do usuário desses sistemas. O Eurostile é amplamente baseado em letras quadradas que podem ser difíceis de distinguir umas das outras quando você tem apenas uma fração de segundo para observá-las. Como quando você está dirigindo um carro, por exemplo.

Características de uma fonte legível.

Encontrar uma fonte legível é uma questão que requer analisar muitos aspectos e, essencialmente, o objetivo é encontrar uma fonte que seja confortável de ler. Para os designers, o segredo é entender alguns detalhes essenciais que contribuem para uma boa legibilidade e, então, encontrar fontes que equilibrem esses fatores com a linguagem visual que você procura.

Contraste:

o contraste descreve a diferença entre traços grossos e finos em uma letra. Fontes com algum contraste são geralmente mais fáceis de ler porque a variação na largura do traço ajuda o leitor a distinguir entre letras que têm formatos comuns.

Dito isso, fontes com muito contraste podem acabar sendo bastante difíceis de ler fora dos usos de exibição. Uma fonte como Bodoni, com sua dinâmica espessa dramática e fina, cria um título impressionante. Mas esses traços finos e delicados praticamente desaparecem no tamanho do corpo do texto, tornando o tipo de letra praticamente impossível de ler.

Altura-X:

a Altura-x refere-se literalmente à altura do x minúsculo em uma fonte, o que essencialmente determina a altura das letras minúsculas na fonte. Alturas-x maiores tendem a proporcionar melhor legibilidade porque o tamanho generoso torna as letras mais fáceis de ler.

No entanto, a altura-x muito alta pode confundir a distinção entre caracteres maiúsculos e minúsculos e até mesmo entre certos caracteres minúsculos (h e n, por exemplo). Alturas-x pequenas também podem proporcionar boa legibilidade, dependendo do design e do peso da fonte.

Espaçamento, kerning e crowding em geral:

o espaço entre as letras é tão essencial para a legibilidade quanto as próprias letras. Um r e n com kerner incorreto, por exemplo, podem facilmente parecer um m. O texto muito compacto em geral pode atrasar o leitor, e o texto muito solto pode aparentemente sair da página.

Algumas fontes são espaçadas e com kerner cuidadosamente pensado e precisam de poucos refinamentos adicionais, mas muitas exigirão ajustes cuidadosos quando colocadas no layout. O tipo legível deve parecer que respira e flui facilmente, guiando o leitor através de palavras e frases sem olhar duas vezes.

Durante o processo de descoberta, procure fontes em que as letras estejam conectadas, mas não aglomeradas e, se possível, investigue combinações de letras potencialmente problemáticas para problemas de kerning. Isso ajudará você a determinar quanto ajuste precisará fazer sozinho.

Dimensionamento óptico:

o dimensionamento óptico é a prática de projetar diferentes versões de uma fonte levando em consideração como e onde ela será experimentada. Essas otimizações podem incluir muito do que foi discutido acima – ajuste de espaçamento, altura-x, contraste do traço ou detalhes. Tamanhos maiores são projetados tendo em mente usos chamativos – manchetes ou até mesmo outdoors – e, normalmente, mostram os detalhes e sutilezas de um tipo de letra, ao mesmo tempo que espaçam adequadamente para escalas maiores. Por outro lado, os formatos das letras em fontes entre 3 e 7 pt são simplificados e exagerados para máxima clareza nesses tamanhos pequenos e, portanto, serão renderizados de forma limpa nas telas.

Nem todas as fontes têm tamanho óptico, mas vale a pena procurá-las se você quiser usar a mesma família de fontes em vários aplicativos e tamanhos.

Na dúvida, teste.

Depois de navegar pelas opções e selecionar algumas vencedoras em potencial, a etapa mais importante que você pode executar é testar. Ao fazer isso, lembre-se de que há uma diferença sutil entre legibilidade e fluidez. Se legibilidade é ser capaz de determinar a diferença entre caracteres, então espaçamento tem tudo a ver com o conforto da leitura. Se você tiver uma fonte muito legível e mal espaçada, ela não será muito fluída. Seu papel como designer é combinar o design da fonte (a fonte em si) e a tipografia (como ela é usada) em algo agradável para o leitor.

Então, defina um texto e veja se parece confortável. Existe uma variação saudável entre alto e baixo? Alguma palavra ou combinação de letras parece esmagada? Você se pega voltando para ler as frases uma segunda vez? Você pode até pedir a um amigo ou colega de trabalho que leia também.

Novamente, a legibilidade é uma mistura de arte e ciência e, na verdade, não existe uma fonte perfeita para a legibilidade. Mas com algumas práticas recomendadas básicas, além de sua visão e instintos, você pode encontrar algo que ofereça excelente legibilidade para seus leitores e usuários. Boa sorte!