4 dicas para ajudar você a escolher as melhores fontes para o seu site

Quando se trata da web, o texto é rei. Para muitos (se não a maioria) sites, o texto compõe a maior parte de seu conteúdo. Isso significa que sua escolha de fonte pode ter um impacto significativo na maneira como as pessoas percebem seu site.

O simples fato é que algumas fontes são mais fáceis de ler do que outras. Com a escolha de fonte certa, você pode até tornar seu site mais profissional. Portanto, vale a pena gastar algum tempo considerando cuidadosamente suas opções, antes de decidir quais tipos de letra usar.

Neste artigo, vamos nos aprofundar no motivo pelo qual sua escolha de fontes da web é importante. Em seguida, abordaremos quatro dicas simples para ajudá-lo a escolher as fontes perfeitas para o seu site WordPress. Vamos falar sobre tipografia!

Por que sua escolha de fontes da Web é importante

Provavelmente, você não estaria lendo este artigo agora se decidíssemos usar uma fonte 'divertida' em vez desta. Aqui está uma rápida olhada em como essa fonte pode ser:

Isso pode parecer memorável, mas não é o tipo de fonte a ser usada quando você deseja que as pessoas prestem muita atenção ao que seu texto está realmente dizendo. Há um tempo e um lugar para cada tipo de fonte, e saber quais são é importante quando você está trabalhando em um site.

Se você escolher a fonte 'errada', provavelmente terá uma série de problemas. Por exemplo:

• Seus visitantes podem ter dificuldade em ler seu conteúdo.
• A experiência geral pode assustar alguns usuários.
• Seu site pode acabar parecendo pouco profissional ou confiável (ou ambos).

Naturalmente, existem muitos fatores que afetam a maneira como as pessoas percebem seu site, além das fontes que você usa. No entanto, a tipografia é um elemento básico e essencial que merece muita atenção.

Além do mais, agora você tem tantas opções quando se trata de fontes que você não precisa se contentar com as mesmas escolhas que a maioria dos sites usa (estamos falando de você, Times New Roman). O Google Fonts e o Adobe Typekit sozinhos oferecem milhares de opções gratuitas:

Se você quiser olhar fora do caminho batido, você pode encontrar ainda mais fontes gratuitas online.

Mais importante ainda, o WordPress torna relativamente fácil adicionar novas fontes ao seu site. Além disso, se você estiver usando nosso tema Uncode, terá acesso a um recurso integrado que pode ajudá-lo a importar fontes de várias plataformas:

Juntamente com as fontes do Google e o Adobe Typekit acima mencionados, o Uncode também permite importar opções do Font Squirrel. Se você estiver se sentindo corajoso, você pode até adicionar fontes personalizadas de outras fontes através do seu arquivo style.css . Em outras palavras, o céu é o limite aqui.

4 dicas para ajudá-lo a escolher as melhores fontes para o seu site WordPress

Com tantas fontes para escolher, é importante que você não baseie suas decisões apenas na aparência. Caso contrário, você pode acabar com um site que parece ótimo, mas é difícil de ler. Vamos ver algumas dicas simples para ajudá-lo a encontrar os melhores tipos de letra!

1. Foco na legibilidade

A primeira pergunta que você precisa fazer a si mesmo ao escolher uma fonte é para que pretende usá-la. Se for parte de um design, como um logotipo, não há problema em se divertir com suas escolhas. No entanto, se você pretende usar uma fonte para seu conteúdo, subtítulos ou menus, seu foco principal deve ser a legibilidade.

Como você pode esperar, 'legibilidade' refere-se a quão fácil é o conteúdo para uma pessoa ler. Se você optar por usar uma fonte que é difícil para os visitantes entenderem, a legibilidade do seu site será prejudicada. Por sua vez, isso pode afetar negativamente a experiência geral do usuário.

Veja como identificar fontes que são escolhas sólidas quando se trata de legibilidade:

• Opte por fontes com serifa sempre que possível (essas são as fontes com pequenos 'pés' no final de cada traço).
• Procure fontes com espaçamento decente entre cada caractere, o que facilita a distinção (falaremos mais sobre isso em breve).
• Fique de olho em fontes com um pouco de 'peso', em vez de fontes leves com linhas finas.

Há um debate saudável sobre o uso de fontes serif ou sans-serif para texto na web. A escola de pensamento mais popular diz que as fontes sem serifa são melhores para títulos, enquanto as fontes com serifa são ideais para texto normal.

No entanto, você deve ter notado que usamos fontes sem serifa em todo o nosso blog, e isso não afeta sua legibilidade. A fonte que usamos em nosso blog se chama Proxima Nova e é do Adobe Typekit. Isso só mostra que você pode brincar um pouco com as regras da tipografia, desde que tenha certeza de que a experiência do usuário não sofra como resultado.

Em última análise, a melhor maneira de testar a legibilidade de qualquer fonte é tentar lê-la você mesmo, tanto em computadores quanto em dispositivos móveis. Se você achar que isso afeta a usabilidade do seu site, continue testando até encontrar uma correspondência melhor.

2. Fique de olho no Kerning

O termo 'kerning' refere-se ao espaçamento entre cada caractere individual em uma fonte. Não há um padrão global quando se trata de kerning, então, quando você começar a prestar atenção, notará que a maioria das fontes usa diferentes quantidades de espaço.

Dê uma olhada na fonte Lato, por exemplo:

Agora, compare com Karla:

Há uma pequena, mas perceptível diferença no kerning entre essas duas fontes. Os espaços entre as letras são mais generosos em Karla do que em Lato.

Quando se trata de legibilidade, você quer que haja um pouco de espaço entre os caracteres, para que eles não fiquem borrados. No entanto, uma vez que o kerning começa a ficar muito amplo, pode começar a parecer confuso, principalmente quando se trata de parágrafos grandes.

Vamos voltar às mesmas duas fontes, desta vez usando parágrafos completos. Primeiro, temos Lato novamente:

Agora, aqui está o mesmo parágrafo usando Karla:

Você provavelmente pode ver que Karla é um pouco mais difícil de ler e começa a parecer muito espalhada quando há tanto texto na página. Com parágrafos mais longos, mais kerning significa que há muito espaço vazio na página. Como consequência, torna-se mais difícil percorrer o conteúdo.

Como mencionamos anteriormente, não há consenso sobre qual valor faz o kerning perfeito. A forma de cada fonte também afeta quanto espaço você deseja entre cada caractere, então, no final, tudo se resume a um julgamento subjetivo. Assim como na nossa última dica, recomendamos que você faça um test drive de qualquer fonte que queira usar, criando alguns parágrafos mais longos e verificando se o kerning afeta negativamente a legibilidade. Se a resposta for sim, você vai querer experimentar uma fonte diferente.

3. Evite fontes usadas em demasia

Anteriormente, mencionamos que a maioria dos sites tende a usar as mesmas fontes. Você sem dúvida já ouviu falar desses pilares, como Times New Roman, Helvetica, Verdana e assim por diante.

Não há nada inerentemente errado com nenhuma dessas fontes, mas elas são tão comuns que podem ficar chatas. Eles também podem fazer com que seu site pareça um pouco demais com o de todos os outros. Além disso, você tem tantas opções para escolher hoje em dia que limitar-se a essas poucas fontes não faz muito sentido.

Então, além disso, você provavelmente vai querer ficar longe de Courier, Georgia, Garamond e (é claro) Comic Sans. Em vez disso, reserve um tempo para verificar todos os diferentes tipos de fontes que você pode encontrar nos muitos sites e plataformas disponíveis.

Nosso lugar favorito para começar é o Google Fonts, que oferece uma biblioteca realmente enorme:

Depois de encontrar uma fonte que você acha que funcionará bem com seu site, não pare por aí. Para a maioria dos sites, você desejará um pouco de contraste em sua tipografia. Então, por exemplo, você pode querer usar uma fonte para seu conteúdo e outra para seus títulos.

Isso significa que você deve escolher pelo menos duas fontes, que não devem ser muito parecidas. Com esse contraste adicional, será mais fácil para seus visitantes diferenciar entre os principais elementos do seu site. Só não exagere – se você estiver usando cinco fontes diferentes na mesma página, provavelmente é hora de simplificar.

4. Opte por fontes com uma família grande

A maioria das fontes vem em estilos diferentes, sendo os mais comuns o itálico e o negrito. No entanto, alguns tipos de letra incluem muito mais variações. Essa coleção de estilos é chamada de 'família' e seu tamanho pode variar dependendo da fonte com a qual você está trabalhando.

Idealmente, você deve procurar fontes com uma família grande, para ter muitas opções que podem ser usadas em seu site. A fonte Poppins, por exemplo, vem em 18 variedades:

Você provavelmente não precisa de tantas opções, mas nunca é demais ter muitas opções com as quais você pode brincar. Sugerimos ficar de olho nas fontes que incluem pelo menos três estilos.

Como regra geral, você deve sempre usar o estilo 'normal' de uma fonte para o texto principal do seu site, pois tende a ser o mais fácil de ler. Você pode usar outros estilos para tipos especiais de conteúdo, títulos, ênfase e outros elementos que deseja destacar.

Conclusão

Existem milhares de fontes que você pode usar em seu site. Muitas pessoas seguem as opções padrão que o WordPress oferece, mas fazer isso é apenas limitar você e seu site. Felizmente, se você for um usuário do Uncode, poderá importar fontes de uma ampla variedade de bibliotecas de maneira rápida e fácil.

Se você quiser ter certeza de escolher as fontes perfeitas para o seu site, aqui estão as quatro dicas que você deve ter em mente:

1. Foco na legibilidade.
2. Fique de olho no kerning.
3. Evite fontes usadas em excesso.
4. Opte por fontes com uma família grande.

Você tem alguma dúvida sobre como escolher as fontes certas para o seu site? Vamos falar sobre eles na seção de comentários abaixo!