Como escolher a fonte certa para o seu site

A escolha da fonte certa para o seu site não afeta apenas a maneira como os visitantes se sentem em relação ao seu site, mas também como eles compreendem seu conteúdo.

Escolher a fonte certa também é uma maneira de decidir como você deseja que os visitantes percebam e compreendam sua empresa. Fontes diferentes transmitem emoções distintas e podem fornecer aos visitantes do site uma noção clara da cultura e do profissionalismo da sua empresa, tão rapidamente quanto ao usar cores ou gráficos.

Nos últimos anos, a Web evoluiu para além das fontes seguras da Web, agora onipresentes na Internet. Os serviços de fontes da Web, como o Adobe Typekit ou o Google Fonts, tornaram-se amplamente aceitos e abrem seu site para uma variedade de tipos de letra que podem melhorar a aparência e a legibilidade do texto.

Obtenha o vocabulário em linha reta

Uma rápida lição de “distinção” é importante antes de começarmos.

Fonte e tipo de letra. O termo “fonte” refere-se a um membro particular de uma família de tipos, como negrito ou itálico, enquanto o outro termo comumente usado, “tipo de letra”, designa um agrupamento de fontes geralmente conhecido como “família”. ao discutir a diferença entre fontes e como usá-las.

Serif versus e sans-serif. Outra distinção importante é a diferença entre um tipo de letra “serifado” e “sem serifa”.

Um tipo de letra serifada tem pequenas linhas no final do traçado dos caracteres. Este estilo originou-se na antiguidade romana quando as letras foram esculpidas em pedra, às vezes levando-a a ser referenciada como fonte “romana”. Em contraste, o tipo de letra sans-serif não tem linhas no final dos traços e é referido como “Grotesk” ou “Gothic”.

Fonte Serif

Fonte Serif

Tipo de letra sem serifa

Tipo de letra sem serifa

Roteiro e decorativo. Outra distinção é entre tipos de letra “script” e “decorativos”. Tipos de letra de manuscrito imitam estilos manuscritos ou de caligrafia, onde as letras levam ou se conectam umas às outras. Fontes decorativas concentram-se mais em ornamentação ou capricho do que em legibilidade.

Usando mais do que apenas fontes seguras da Web

Por muitos anos, os web designers profissionais em desenvolvimento de sites foram limitados por apenas 10 ou 12 fontes seguras na Web, o que limitou a criatividade. Agora, navegadores modernos suportam o uso de fontes da Web que podem ser incorporadas em um site, permitindo a utilização de uma ampla variedade de fontes e tipos de letra.

Muitos serviços fornecem acesso a fontes da Web gratuitas para fins comerciais. Font Squirrel e Google Fonts são dois dos mais populares. Serviços pagos, como Adobe Typekit ou Fonts.com , também foram desenvolvidos. Essas empresas, comumente chamadas de “fundições”, oferecem uma grande variedade de fontes com muitas opções de fontes diferentes.

Adobe Typekit

Adobe Typekit

O Adobe Typekit também concede a capacidade de sincronizar fontes com o seu computador local para auxiliar no processo de design. Os serviços pagos permitem selecionar várias fontes e agrupá-las facilmente para adicionar ao seu site.

Tanto o Google quanto a Adobe possuem plugins WordPress que tornam a adição de fontes da Web extremamente fácil. Além disso, muitos serviços permitem que os usuários tomem um texto de amostra e tentem opções, pesos e estilos de fontes diferentes antes de adicioná-los ao site.

Como tipo afeta emoções

Um estudo realizado por pesquisadores do MIT  (PDF) descobriu que tipos de letra “bons” ou “ruins” afetavam o humor de uma pessoa, bem como sua capacidade de reter informações cognitivamente. Tipos de letra podem apresentar uma ampla gama de emoções, por isso é importante escolher aquele que dá aos usuários a experiência que você deseja.

Os tipos de letra Serif são vistos como mais tradicionais e formais, enquanto o tipo sem serifa é mais informal, moderno e divertido. Isso não vale para todas as fontes serif ou sans-serif, no entanto, como algumas foram projetadas para provocar um tipo particular de emoção.

Por exemplo, a serifa às vezes pode trazer uma sensação de amizade a um design que utiliza apenas fontes sem serifa. Outro estudo, da  PLOS.org , descobriu que tamanhos de fonte maiores podem provocar uma conexão emocional mais forte para o usuário.

Certifique-se de que seu tipo de letra esteja correto para seu setor ou negócio. Empresas de serviços profissionais, como advogados ou consultores financeiros, devem usar tipos serifados para transmitir confiança e profissionalismo.

As empresas de tecnologia ou modernas devem usar um tipo de letra sem serifa para fornecer uma sensação de ser futurista e futurista. Uma entidade governamental, ou empresa que trabalhe regularmente com agências governamentais, deve empregar fontes sem serifa como a Helvetica, que é a atualmente usada pelo IRS para todos os formulários de impostos.

Misturar e combinar tipos de letra

Na minha experiência, misturar e combinar dois tipos de letra ajuda a trazer variedade e equilíbrio ao design.

Jessica Hische, uma designer de tipos bem conhecida, observa que é importante escolher um tipo de “âncora” primeiro. Resolva o tipo de letra do tipo que é mais predominante em seu design (provavelmente a cópia do corpo) e escolha um tipo de letra para o restante – títulos, citações ou legendas – que funcionem com o tipo de âncora.

Também é melhor misturar uma fonte sans-serif e serif em vez de duas do mesmo tipo, pois isso dá diversidade e hierarquia aos estilos de tipo.

Misture e combine estilos de tipos para dar variedade e equilíbrio ao design.

Misture e combine estilos de tipo para trazer variedade e equilíbrio ao design.

Legibilidade e legibilidade on-line

“Legibilidade” é a capacidade de os caracteres e as palavras individuais de uma fonte serem facilmente distinguidos uns dos outros. “Legibilidade” fala sobre o arranjo de palavras e frases na tela e como elas são confortáveis ​​para ler continuamente.

Um único tipo de letra pode conter várias fontes, como negrito, semibrilho, itálico e condensado, que podem funcionar melhor para diferentes aplicativos. Ao usar o tipo sans-serif para títulos ou pequenos blocos de texto, uma versão condensada ou em negrito funciona melhor.

Para texto de formato longo, como cópia de página ou postagens de blog, um tipo de letra serifada ajudará na leitura sustentada. O espaçamento entre letras individuais, conhecido como rastreamento ou kerning, pode tornar o texto muito mais legível. No tipo que é todo em maiúsculas, mais espaçamento entre letras também pode tornar o texto mais fácil de ler.

Duas outras preocupações para a legibilidade do site incluem o tamanho do tipo e o comprimento da linha.

Embora seja um item altamente contestado, a maioria dos profissionais concorda que o tipo deve ser maior que 12pt, para ser mais legível. Eu recomendo o tipo 16pt, mas muitos sites com grandes quantidades de texto, como o Medium , usam fontes 22pt.

O meio tem um tamanho de tipo de 22pt e um comprimento de linha curto para melhor legibilidade.

O meio tem um tamanho de tipo de 22pt e um comprimento de linha curto para melhor legibilidade.

Por fim, certifique-se de que suas linhas do tipo não sejam muito longas. Em uma área de trabalho, mantenha cada linha com 50 a 75 caracteres; o celular deve ter de 30 a 40 caracteres. Isso evita que os usuários se cansem ou percam o espaço ao ler várias linhas de cópia.