As quatro mais importantes considerações na hora de escolher a fonte para o lançamento de um site ou app.

Lançar um site ou app é um grande projeto com muito a ser considerado, da arquitetura ao texto e imagens, bem como esquema de cores. Um item que merece atenção especial é a sua escolha de fonte, por dois motivos: consistência de marca e preparo para o futuro das operações de sua marca.

A fonte é o tom de voz visual da sua marca. Escolher um tipo é como escolher um porta-voz, alguém que trabalhará 24 horas por dia, todos os dias do ano. Nenhum de nós optaria por um porta-voz desleixado ou sem-graça cujos valores não se alinham aos seus. Não se deve escolher uma fonte desleixada ou sem graça também. A fonte certa comunicará o ethos, valores e espírito de sua marca em espaços digitais lotados. A fonte certa também terá flexibilidade o suficiente para contribuir com a consistência de marca através de plataformas ou regiões, com termos e licenciamento que garantam que você possa usá-la por anos e anos.

Então como escolher a fonte certa para seu site ou app? A chave é saber quem você é e como quer ser visto. É como escolher roupas. Como é o caso da moda, a tipografia comunica significado, sentimento, humores e intenções. A forma como uma língua aparenta ser afeta a forma como ela é interpretada pelo leitor. Se você sabe quem é enquanto marca, encontrar a fonte certa é bem mais fácil. Com quem você está falando? E como quer que esse público veja você? Conte a história de sua marca para um especialista em tipografia e ele ou ela poderá guiá-lo às fontes certas. Leia livros sobre tipografia – Thinking with Type de Ellen Lupton é um bom começo – e certamente encontrará tópicos e ideias que o farão ir atrás de mais livros e informação. Encare sua busca como o processo de descoberta de uma série de possibilidades e desfrutará muito mais dele do que se focar em descobrir a fonte perfeita.

Ao longo da exploração, considere quatro atributos tipográficos críticos para o lançamento bem-sucedido de um site ou app: legibilidade, consistência entre meios, desempenho e longevidade.

Legibilidade: mais que leitura.

Uma fonte que pode ser lida é o mínimo. Mire mais alto e encontre uma fonte que comunicará o raciocínio sem solavancos. Há 14 ingredientes essenciais para uma fonte legível:

1. Estado da serifa. Com o advento da tipografia digital nos anos 80, algumas fontes, como a Lucida, foram projetadas especificamente para telas com base em pesquisas a respeito de visão e leitura. Hoje, os leitores esperam encontrar fontes sem serifa online e fontes serifadas em livros e demais materiais impressos. Tais expectativas nos condicionam a ser mais receptivos com uma forma ou outra, o que influencia a compreensão. A revisão do Journal of Vision Impairment and Blindness de 2007 das pesquisas acerca da legibilidade de fontes revelou que leitores dotados de baixa visão tendem a preferir fontes sem serifas, por mais que a velocidade de leitura não aparente ter sido afetada. Considere usar uma fonte sem serifa para seu site ou app para melhor atender às expectativas dos usuários.
2. Altura do x. A altura do x é a distância entre a linha de base e a linha média (ou cintura) de uma letra em caixa baixa, que cria uma impressão visual do tamanho de uma fonte. Em linhas gerais, uma altura maior do x é percebida como mais legível.
3. Tamanho. O tamanho do ponto é o aspecto mais relevante e direto da legibilidade. Um tamanho de ponto maior resulta em mais legibilidade para todos!
4. Abertura. As pequenas aberturas entre letras como um “e” ou “a” em caixa baixa permitem que a luz de dentro e fora da letra se juntem. A repetição destas aberturas no decorrer de uma frase ou parágrafo tem impacto profundo na legibilidade. Fontes modernas geralmente contam com aberturas menores, o que pode dificultar a diferenciação entre letras, levando a uma leitura errônea. Tente ler algumas frases nas fontes de sua escolha no computador e celular para garantir que não vai tropeçar sobre as palavras ou reler as sentenças. Se isso acontecer, é hora de pensar numa fonte com aberturas mais amplas para seu site ou app.
5. Espaçamento. Um espaçamento muito estreito ou ou muito amplo será menos legível. Encontre o espaçamento perfeito ao ler algumas frases e observar a facilidade com que seus olhos passaram pelo texto.
6. Peso. O peso de uma fonte refere-se à espessura das letras. Boa parte das pessoas esperam se deparar com texto de peso regular (em vez de bold ou thin), formas de letras mais pesadas podem ser mais ambíguas, então tenha cuidado.
7. Largura. Quando uma fonte é mais condensada ou larga que o esperado, sua leitura acaba por ser prejudicada e tornar-se cansativa em passagens mais longas. Para textos mais densos em específico, opte por larguras comuns.
8. Inclinação. Com o declínio de popularidade do itálico, leitores se acostumaram a fontes retas. Resultado direto disso é a percepção de que tais fontes são mais legíveis que em itálico.
9. Caixa. Por mais que o texto em caixa alta pareça maior, tende também a ser menos legível já que as letras maiúsculas podem ser facilmente confundidas umas com as outras.

Os ingredientes acima todos contribuem para a legibilidade da forma inerente de um tipo. No entanto, essa mesma legibilidade também é impactada por como se usa a fonte, incluindo:

10. Cor. Cor é capaz de comunicar um humor ou personalidade, mas também pode ter um impacto negativo na leitura. Ao escolher a cor do texto e fundo de seu site ou app, não esqueça que o daltonismo afeta até 8% dos homens e 0,5% das mulheres pelo mundo. Certifique-se de que suas escolhas serão acessíveis para aqueles com daltonismo.
11. Contraste. Se tratando de cor, o contraste refere-se à diferença de brilho entre as cores do texto e do fundo. O contraste mais legível é o do texto preto sobre um fundo branco.
12. Polaridade. No contexto da tipografia, polaridade se refere ao texto preto em um fundo branco, já polaridade negativa se refere ao texto branco em um fundo preto. Inverter o tradicional texto preto em fundo branco (também conhecido como “modo escuro”) pode poupar os olhos de um excesso de luz, mas não faz do texto mais legível. Um estudo de 2017 publicado no periódico Applied Ergonomics descobriu que, ao contrário do que se acreditava popularmente, a polaridade positiva é mais legível em telas.
13. Leading. O espaço entre as linhas, ou leading, afeta a experiência do leitor com a sua mensagem. Um leading mais apertado é menos legível, mas um leading mais solto pode acabar por dividir um pensamento em duas linhas, o que pode ser ainda menos desejável. É essencial encontrar o equilíbrio correto em leading de forma a entregar um raciocínio completo de maneira suave.
14. Medida. O comprimento de uma linha é chamado de medida. Busque o equilíbrio entre uma linha muito longa (e cansativa de se ler) e uma linha muito curta, que pode fraturar a mensagem e limitar a compreensão.

Há muitos elementos envolvidos em legibilidade. Caso todos os detalhes lhe intimidem, foque no básico. Digite algumas frases nas fontes que gosta, nos tamanhos, pesos, cores, etc. que cogita usar em seu site ou app e leia o texto em seus dispositivos para ver quão suave e contínua é a experiência. Em caso de algum solavanco, consulte este guia para identificar o porquê. A seguir, tente uma fonte ou layout diferente para consertar tais problemas.

Consistência entre meios.

Se a fonte é seu porta-voz, pense no seguinte: quão chocante seria se esse porta-voz tivesse uma aparência completamente nova, um penteado e cor dos olhos diferentes, estilo completamente distinto, com voz e comportamento alterados em diferentes condições? Claro que seria perfeitamente aceitável que seu porta-voz se vestisse de acordo com a ocasião. De maneira semelhante, seu esquema de fontes deve manter uma forte e consistente noção de si mesma, mas com flexibilidade o bastante para cada ocasião. Isso pode significar que é possível usar uma fonte para seus materiais impressos e outra em seu site. Contanto que tudo pareça coerente e intencional, não há problema em um pouco de variedade, é só não combinar uma fonte sem serifa estéril com uma escrita floreada, ou sua marca acabará passando uma ideia meio O Médico e o monstro.

Desempenho.

Trate fontes como qualquer outro componente licenciado de design. Se a sua marca precisasse de uma nova ferramenta de criação, decerto uma equipe multidisciplinar embarcaria em um rigoroso processo de descoberta e avaliação para garantir que a seleção final oferecesse toda a funcionalidade e qualidade esperadas. Faça o mesmo com suas fontes. Fontes são software!

Longevidade.

A longevidade de fontes é um componente fundamental do desempenho, a ponto de merecer ser mencionada separadamente. Evite problemas futuros de rebranding ao garantir que a fonte escolhida inclui todos os idiomas e caracteres de que precisa hoje e aqueles que poderá precisar no futuro. Fundições de tipos estabelecidas com uma reputação de responsividade a problemas técnicos, solicitações de caracteres personalizados e demais solicitações de suporte têm mais chances de garantir que suas fontes funcionem perfeitamente nos mais recentes e melhores ambientes para web e apps.

Agora vá contratar seu porta-voz.

Como um porta-voz perfeito, a fonte escolhida por você para seu novo site ou app deve ter a voz e presença certas para representar sua marca com precisão (com alguns ajustes, como uma troca de roupa). Seu porta-voz deve atender a qualificações específicas de desempenho e ser totalmente comprometido com a representação de sua marca em espaços digitais por anos e anos. Achar a fonte porta-voz certa para o seu site ou app pode não ser um processo rápido ou fácil, mas toda a jornada de descoberta pode ser divertida caso a aborde com um espírito de curiosidade, então aproveite a viagem!