Estilos de fonte para Web e design de impressão

A grande maioria das pessoas é bombardeada com tipos de letra desde o momento em que acorda de manhã até o momento em que vai para a cama à noite. Desde os aplicativos em seus telefones até os produtos de higiene em seus banheiros e os sinais que eles veem em seu trajeto matinal, a tipografia está em toda parte. Mas quantas pessoas realmente notam os estilos tipográficos pelos quais estão cercadas todos os dias?

Mesmo os designers subestimam os tipos de letra e muitas vezes tomam decisões de tipo com base em opiniões frouxas, em vez de compreensão objetiva. A maioria dos designers conhece os contextos industriais originais para os quais vários tipos de letra foram projetados? O que esses contextos e histórias significam para determinar a legibilidade, o caráter apropriado e o uso de um determinado tipo de letra? Não importa em qual disciplina de design se esteja trabalhando - seja design visual ou UX ou design de impressão tradicional, os tipos de letra são elementos essenciais de praticamente todos os pedaços de design produzidos.

Alguns dos tipos de letra mais influentes em uso hoje são frequentemente ignorados em favor de designs únicos de tipo de letra que são mais novos no mercado – e às vezes com razão. Cada um dos tipos de letra deste artigo tem décadas, se não séculos, e foram todos projetados para diferentes contextos tecnológicos. Assim, muitas alternativas ou atualizações foram criadas desde que foram introduzidas. Mesmo algumas das fontes originalmente projetadas para telas ficaram desatualizadas à medida que os monitores e as impressoras se tornaram de resolução mais alta e capazes de exibir formas mais complexas com precisão.

Tipos de letra com serifa

Compreender a diferença entre os estilos de fonte com serifa e sem serifa é uma das regras mais fundamentais do tipo. Para muitos, isso pode ser óbvio, mas a serifa é o traço dado ao final das principais linhas horizontais e verticais de um caractere. Existem muitas subclasses dentro das serifas, incluindo serifas de linha fina, cunha e laje, que descrevem as qualidades visuais da própria serifa.

Geralmente, as serifas têm uma história mais longa que as san serifs, pois foram as primeiras fontes usadas para imprimir livros após a invenção da Gutenberg Press. Essencialmente, as serifas permitem uma leitura mais confortável, pois as serifas guiam o olho suavemente de um caractere para outro, tornando a serifa ideal para trabalhos impressos de formato longo. Por causa disso, as serifas ainda são geralmente a fonte para trabalhos impressos, como livros ou relatórios, embora não seja uma regra absoluta. Cada tipo de letra tem suas próprias qualidades específicas, e existem alguns tipos de letra com serifa que não são realmente adequados para grandes pedaços de texto (e alguns tipos de letra sem serifa que são perfeitamente legíveis e legíveis para trabalhos de formato longo).

Baskerville

Baskerville é uma das serifas clássicas que resistiu ao teste do tempo e ainda é amplamente utilizada hoje. Baskerville foi projetado em um período de transição entre as primeiras faces tipográficas (Bodoni e Didot) e as fontes dos séculos XIX e XX. Baskerville teve sucesso devido às suas formas de letras de alto contraste.

O designer, John Baskerville, era um perfeccionista intenso e assim criou uma fonte com belos detalhes. O tipo de letra só podia ser impresso em suas próprias máquinas para garantir que as letras fossem transferidas corretamente para a página. Essa história é significativa, pois Baskerville foi adaptado aos vários meios em que trabalhamos hoje. Os detalhes incorporados em cada forma de letra tornam Baskerville inadequado para mídias de baixa resolução, incluindo monitores de baixa resolução ou impressoras ruins. Dito isto, quando Baskerville tem a oportunidade de expressar sua qualidade, é um excelente tipo de letra com serifa.

Um bom exemplo de um tipo de letra digital moderno que Baskerville influenciou fortemente é o tipo de letra que a Amazon encomendou para o Kindle, Bookerly. Se você está procurando uma alternativa para Baskerville que mantém sua riqueza de 200 anos enquanto é atualizada para legibilidade na tela, Bookerly pode ser uma boa solução. Outras alternativas incluem Mrs. Eaves e Plantin.

Times New Roman

Times New Roman, como muitas fontes amplamente usadas que existem há algum tempo, é uma fonte polarizadora que é amada por muitos, mas odiada por alguns também. Muitas vezes, o que as pessoas amam ou odeiam no TNR é o mesmo: sua neutralidade apática.

Matthew Butterick escreve “Times New Roman não é uma escolha de fonte tanto quanto a ausência de uma escolha de fonte, como a escuridão do espaço profundo não é uma cor. Olhar para Times New Roman é olhar para o vazio.” Times New Roman parece tão simples em grande parte devido à sua onipresença esmagadora como resultado de sua exposição do jornal para o qual foi projetado, o Times de Londres.

Times New Roman foi projetado para os interesses comerciais do jornal, que era manter a legibilidade enquanto espremia tantas palavras em uma linha – e, portanto, página – quanto possível. Os designers foram muito públicos sobre o uso da fonte com jornais, pois ela é mais estreita e mais legível em colunas finas, mas não é ideal para livros com comprimentos de linha maiores. Essa eficiência foi alcançada aumentando a altura x e reduzindo significativamente o rastreamento ou o espaço entre os caracteres.

Devido ao sucesso da fonte com o Times, a Times New Roman foi adotada logo depois pela maioria dos jornais americanos, tornando-a uma das fontes mais onipresentes. Por causa dessa onipresença, alguns designers desaconselham o uso de Times New Roman, pois pode dar a impressão de apatia ou baixo custo. Algumas outras fontes de estilo editorial que você pode considerar são Arnhem, Le Monde Journal ou Plantin.

Garamond

Garamond Antiqua é uma fonte purista de estilo antigo projetada pelo icônico perfurador parisiense Claude Garamond. Garamond foi um dos primeiros rostos projetados para o conjunto de tipos, o que significa que era ideal para os textos de corpo longo da mais nova mania de seu tempo: romances.

Como uma qualidade inerente à época em que foi projetado, Garamond dá ao texto uma sensação de estilo do velho mundo. No entanto, suas serifas arredondadas mantêm o texto mais informal do que muitas de suas contrapartes com serifa. Garamond permaneceu uma fonte prolífica em virtude de suas formas claras, permitindo que os usuários leiam longamente sem se cansar. Os corpos grandes dos personagens e as alturas x altas criam muito espaço ao redor de cada letra, tornando as palavras perceptivelmente maiores e, portanto, mais legíveis.

Embora muitos designers defendam a atemporalidade de Garamond, suas formas simplesmente não são ideais para a tipografia da web. As virtudes de Garamond na impressão incluem suas curvas suaves que se misturam de personagem a personagem, tornando-o mais legível por longos períodos de tempo. A desvantagem é que essas curvas ficam borradas em tamanhos menores na tela, impedindo sua legibilidade. Assim, apesar das inúmeras recriações de Garamond que você pode encontrar online, a maioria dos designers para a tela acredita que se tornou obsoleto. Dito isso, os designers da EB Garamond ainda pensam o contrário e estão tentando revitalizar esse clássico na comunidade open source.

Se você está procurando alternativas ao Garamond, confira Sabon ou Minion.

Geórgia

Talvez em resposta a tipos de letra como o fracasso de Garamond na tela, Matthew Carter foi contratado pela Microsoft na década de 1990 para projetar um tipo de letra especificamente para legibilidade na tela. E a Geórgia nasceu.

Muitos acreditam que a Geórgia não tem a qualidade neutra de outras serifas produzidas em massa, como a TNR, e dá ao texto uma qualidade amigável e charmosa. Assim, o impressionante feito de design de Carter é que ele conseguiu resolver a questão da legibilidade na tela, mantendo o caráter atraente dos rostos impressos.

A história é que Carter projetou Georgia enquanto trabalhava em uma nova versão da fonte Scotch Roman do século 19. A Geórgia mantém muitas das qualidades de seu antecessor. No entanto, para criar Geórgia para a tela, Carter fez algumas mudanças essenciais: aumentar a altura x, arredondar os numerais e criar pequenos desalinhamentos para manter um senso de caráter.

Embora a Geórgia esteja agora estabelecida como um clássico, também é amplamente considerada como tendo uma sensação mais moderna do que muitas outras fontes com serifa. Miller e Abril têm uma sensação parecida e são boas alternativas.

Tipos de letra sem serifa

Embora alguns possam argumentar que o estilo de fonte sem serifa ocorreu pela primeira vez nos tempos antigos, eles não foram oficialmente incorporados ao uso generalizado e à sociedade moderna até o século XIX. À medida que a publicidade, os jornais e a mídia cresciam, havia a necessidade de fontes que pudessem ser lidas como títulos claros à distância, bem como representativas de uma nova era da indústria.

Verdana

Verdana compartilha uma história semelhante com sua prima, Georgia, pois ambos foram projetados por Matthew Carter para a Microsoft nos anos 90. Assim, Verdana é uma sans-serif projetada especificamente para a tela. Semelhante a muitas fontes que buscam clareza, a Verdana possui uma grande altura x para aumentar a legibilidade. Verdana é referida como uma sans-serif humanista, o que significa que mantém algumas das qualidades e lógica de design das fontes com serifa.

No entanto, Matthew Carter estava ciente dos espaços potencialmente restritivos que alguns textos podem ficar amontoados na tela, então os tamanhos dos caracteres de Verdana são equilibrados o suficiente para evitar abarrotar aplicativos ou plataformas sem entrelinhamento estável. Considerando que o Verdana foi projetado para uso nos anos 90, é especialmente eficaz ainda em dispositivos de baixa resolução. No entanto, à medida que a qualidade das telas aumenta, os pontos fortes do Verdana são perdidos e ele não funciona tão bem quanto antes.

Se estiver usando Verdana na impressão, seu amplo espaçamento confere a qualidade de uma fonte de máquina de escrever monoespaçada. Essa qualidade torna a Verdana uma má escolha para grandes corpos de texto impressos. Uma alternativa que você pode considerar agora é Colfax. Os designers da Colfax levam em conta a falta de restrições mecânicas no design de tipos hoje e criaram uma fonte que é mais apropriada tanto para telas de alta resolução quanto para impressão a jato de tinta.

Gesta e PT Sans são boas alternativas para Verdana.

Franklin Gótico

Franklin Gothic é uma fonte realista sem serifa que foi originalmente criada em 1902 por Morris Fuller Benton da American Type Founders (ATF) e expandida para incluir mais pesos nas décadas de 1970 e 1990 pela ITC. Versões digitais do tipo de letra foram criadas pela Adobe, International Typeface Corporation (ITC), Monotype Imaging e URW.

A fonte original, que Benton admitiu ter sido projetada como uma homenagem a Benjamin Franklin, era mais adequada para manchetes e uso comercial, em vez de longos blocos de texto. Atualizações com pesos e estilos adicionais expandiram as opções de uso.

A qualidade atemporal do Franklin Gothic ainda o torna uma escolha popular para muitos meios de comunicação, mais de um século após seu lançamento original. A Time Magazine e o The New York Times o usam para várias manchetes, as peças de Scrabble nos EUA e as versões canadenses do jogo o apresentam, e a versão condensada foi usada até para o rastreamento de abertura nos filmes de Guerra nas Estrelas.

Embora o Franklin Gothic ainda seja incrivelmente popular, uma alternativa popular é o News Gothic, o sucessor popular de Benton ao original, com uma construção mais estreita e menos contraste de traços. Outras alternativas incluem Trade Gothic, Benton Sans e Maple.

Futuro

Futura, lançado em 1927, é um resultado direto de uma das primeiras fontes geométricas sans-serif (em oposição ao humanista sans-serif). O maior concorrente do Futura, Erbar Grotesk (lançado em 1926), foi projetado na imensamente influente Bauhaus, com a intenção de comunicar tudo o que a escola sentia como moderno na virada do século XX. Isso significava que a lógica geométrica eliminava qualquer sugestão de ornamentação e visava a lógica pura nas formas das letras criadas.

Como Erbar Grotesk, Futura inclui formas de letras baseadas em formas geométricas, principalmente o círculo (embora também quadrados e triângulos onde os círculos não eram apropriados). Inclui baixo contraste entre seus traços, com ascendentes minúsculos altos e caracteres maiúsculos que compartilham proporções semelhantes às maiúsculas romanas. Seu designer, Paul Renner, acreditava que os tipos de letra modernos deveriam ter sensibilidades modernas, em vez de serem simplesmente reiterações de designs anteriores.

Futura experimentou muita fama ao longo do século 20, quando os astronautas da Apollo 11 deixaram uma placa na lua em Futura; A Volkswagen e muitas outras marcas o adotaram; e vários cineastas, incluindo Stanley Kubrick e Wes Anderson, a reapropriaram. Se você aprecia a qualidade moderna do Futura, mas acha um pouco usado demais, considere tentar FF Super Grotesk, HK Grotesk (código aberto) ou Neuzeit.

Gill Sans

Monotype, a mesma fundição de fontes que nos trouxe a Times New Roman, encomendou ao polímata Eric Gill (escultor/compositor/artista gráfico) para produzir uma fonte para a sinalização moderna de Londres. Gill Sans, ao contrário de Futura, é uma fonte humanista com um estilo menos regimentado que seus contemporâneos alemães. O “R” é levemente alargado e o “g” minúsculo dos “óculos” é quase icônico. A qualidade naturalmente em negrito da fonte funciona bem para exibições e títulos, mas os pesos mais leves lançados posteriormente são adequados para o corpo do texto.

Sua história no metrô de Londres, na BBC e na Igreja da Inglaterra, além de sua qualidade moderna e humana, tornam o tipo de letra essencialmente britânico. Embora a fonte seja clássica em proporção, ela tem alguns toques artísticos que a tornam mais alegre do que sua austera contraparte alemã, a DIN.

Dito isto, muitas dessas explosões artísticas tornaram Gill Sans indesejável por alguns designers gráficos. Especificamente, o “a” minúsculo é frequentemente criticado por ser desequilibrado e prejudicar a legibilidade.

Procurando alternativas para Gill Sans? Confira ITC Johnston ou P22 Underground.

helvética

Helvetica é a única fonte que inspirou seu próprio filme (2007). É sem dúvida a fonte mais famosa / onipresente hoje. A fonte nasceu de uma ampla competição nos anos 50 por novas versões das fontes Grotesk amplamente populares.

As fontes Grotesk evoluíram gradualmente para aumentar a legibilidade. No entanto, nem todos os tipos de letra funcionaram bem com os linotipos de monofone e os mecânicos. A máquina de linotipo exigia que os caracteres regulares e itálicos fossem definidos com a mesma largura, forçando assim os itálicos a parecerem muito largos e os regulares a parecerem muito estreitos.

A Helvetica foi projetada especificamente com ajustes de caracteres precisos para manter a beleza moderna e a legibilidade dos tipos de letra Grotesk, permitindo aos designers os benefícios da produção em massa. Lançada pela primeira vez na feira “Graphic 57”, a fonte se tornou onipresente em todo o design suíço.

Outras fontes que são boas alternativas à Helvetica incluem Maison Neue, Univers e Folio.

Tipos de letra monoespaçados

Os estilos de fonte monoespaçadas foram originalmente projetados para a máquina de escrever. A principal qualidade para entender sobre essa categoria de tipo de letra é que a máquina de escrever exigia que cada caractere fosse digitado com espaçamento igual. Assim, cada caractere é colocado dentro de uma única matriz organizadora em um corpo de texto, enquanto, muitas vezes, outras fontes variam em espaçamento para gerenciar a legibilidade.

Em última análise, fora do contexto da máquina de escrever, existem poucas aplicações em que faz sentido usar fontes monoespaçadas. O espaçamento igual significa que eles são menos eficientes e geralmente menos legíveis também. Uma exceção a essa regra é em aplicativos projetados para escrever código, onde o espaçamento igual pode realmente ajudar na legibilidade.

Alguns exemplos são Courier, Consolas, Letter Gothic ou Source Code Pro (gratuito). No entanto, alguns designers simplesmente não podem negar a estética nostálgica; assim, eles permanecem populares.

Tipos de letra do sistema

Tipos de letra do sistema são aqueles que vêm com o seu dispositivo ou programa. Existem diferentes tipos de letra de sistema para Mac, Windows e até mesmo produtos da Adobe. Todos os tipos de letra incluídos neste artigo têm pelo menos algumas variações que são fontes do sistema.

Existem algumas desvantagens no uso de fontes do sistema. A maior é que esses tipos de letra geralmente são incrivelmente superexpostos. Como eles estão incluídos no computador de quase todo mundo, as pessoas os veem dia após dia, tanto em designs bons quanto em designs ruins. Embora nem todo projeto tipográfico precise estar no limite da originalidade, é importante entender que, se a marca para a qual você está projetando deve ser única e original, usar uma fonte do sistema geralmente prejudicará isso.

Outra grande desvantagem de usar fontes do sistema é que algumas delas não são muito boas. Arial vem à mente…

Finalmente, muitas fontes do sistema são projetadas especificamente para serem altamente legíveis na tela e podem não ser particularmente legíveis na impressão. Isso pode não ser um problema para todos os projetos que um designer realiza, mas é algo que deve ser mantido em mente.

Escolhendo um ótimo tipo de letra para o trabalho de design

Ao projetar para uma determinada marca, escolher um tipo de letra profissional apropriado é um trabalho crítico para qualquer designer, especialmente quando se considera que as licenças para algumas famílias de tipos de letra podem exceder US$ 1.000.

Escolher uma família tipográfica que inclua uma grande variedade de pesos, larguras e até mesmo variações com serifa e sem serifa é uma ideia inteligente para muitos projetos. Isso dá aos designers muitas opções para qualquer projeto que possa surgir no pipeline de uma marca específica e até permite atualizações no material de marketing usando fontes “diferentes” que não são realmente tão diferentes (e, portanto, menos propensas a indignar os consumidores e os leais à marca , como aconteceu em muitas grandes reformulações de grandes marcas). Uma família de fontes profunda pode ser combinada facilmente e carregar uma variedade de personalidades.

Ao procurar um tipo de letra para emparelhar com uma biblioteca de tipos existente para uso mais geral em projetos, concentre-se na escolha de fontes com características semelhantes. Isso significa considerar todas as qualidades das maiúsculas e minúsculas, alturas x e geometria formal. Sites como o Typewolf podem ser inestimáveis ​​para encontrar fontes para combinar com as opções existentes já disponíveis (assim como ótimas alternativas para aqueles momentos em que um cliente diz que quer algo “como” Helvetica, mas definitivamente não Helvetica).