Os 15 melhores Google Fonts para o seu site

Justinmind Blocked Unblock Seguir Seguindo 4 de janeiro

O Google Fonts é um incrível recurso gratuito. Descubra como funciona e veja nossas 15 melhores fontes do Google para seu website.

Não há dúvidas de que as fontes da Web são um tópico importante. Parece que, depois de décadas de insistência, o mundo está finalmente chegando para ver as coisas do jeito que os designers fazem: a tipografia é importante, e é importante acertar.

Se você faz parte de uma grande organização, provavelmente pode criar seus próprios tipos de letra – parece que todos que têm alguém têm sua própria fonte nos dias de hoje. Mas se você está começando, recursos como o Google Fonts são uma maneira ideal de estabelecer sua marca, entregar sua cópia e até acelerar o seu site.

Por que as fontes são tão importantes?

Quando você está projetando um site, pode ser fácil se contentar com as fontes padrão e se concentrar em outras decisões aparentemente mais importantes. Isso não seria apenas um erro: você perderia o poder das fontes e os benefícios que elas podem trazer para seu site. Aqui estão alguns exemplos de como escolher as fontes certas pode beneficiar seu site.

Fontes ajudam com branding

Escolher a fonte certa para o seu site pode fazer uma enorme diferença para a sua marca . Desde o logotipo até os números , até a microcopia , suas escolhas de fontes estabelecem uma espécie de comunicação não verbal com o leitor. Por causa da forma como nossos olhos respondem inconscientemente a dicas visuais (escrevemos mais sobre isso quando falamos sobre storytelling e UX ), as fontes do seu site podem impactar a impressão imediata do leitor sobre sua marca.

Acertar as fontes resultará na comunicação bem-sucedida dos valores e intenções da sua marca. Escolha as fontes erradas e você corre o risco de uma dissonância desconcertante entre o que diz sobre sua marca e o que a marca diz sobre ela mesma. Imagine uma empresa de jóias de luxo usando Courier para o seu logotipo, pelo amor de Deus! Ou um novo serviço de compartilhamento de fotos usando o Lobster para toda a sua cópia da web. Você vê o que queremos dizer.

Considere o que você quer se comunicar com sua marca – é luxuoso e confiável, robusto e honesto, ou fresco e legal? – e escolha fontes que ajudem a comunicar essa mensagem.

Fontes são vitais para o UX

A tipografia é um dos aspectos mais críticos do design UX. Escolher a fonte errada para sua cópia ou navegação pode tornar o texto ilegível e seu site inutilizável.

Nosso colega Stephen elaborou essa lista de perguntas que você deve fazer ao escolher a melhor fonte para o seu site :

  • Quantos pesos tem a fonte?
  • A legibilidade é boa devido à altura x ?
  • Essa fonte escala bem em vários dispositivos?
  • É acessível?
  • Qual é a sua taxa de contraste?

Se a sua fonte escolhida tiver uma boa variedade de pesos, atender aos padrões de acessibilidade, altura xe razão de contraste e puder ser lida facilmente em qualquer dispositivo, é provavelmente uma aposta segura. Lembre-se: só porque você, um designer experiente e muito atraente, prefere uma fonte, não significa que é a escolha certa para o seu site. Uma vez que você escolheu uma fonte, vale sempre a pena realizar alguns testes com usuários para ver como os leitores respondem às suas escolhas de fontes.

Mostrar fontes, grotescos e lajes – terminologia tipográfica explicada

Todos os campos técnicos têm a sua quota de jargão e tipografia, para colocá-lo de ânimo leve, não é diferente. Aqui está um resumo dos termos mais importantes que você pode encontrar ao pesquisar fontes e o que elas significam.

A maior divisão no mundo de fontes é entre fontes serif e fontes sans-serif.

  • Serif fontes são assim chamadas porque suas letras apresentam serifas, linhas pequenas ou traços anexados ao final da parte principal da carta. As serifas têm sua origem na escultura em pedra romana e acredita-se que estejam ligadas à forma como as palavras foram pintadas na pedra antes de serem esculpidas. Os tipos de letra serif são às vezes chamados de 'romanos' por causa disso. Garamond e Times New Roman são duas fontes serif clássicas.
    Tipos de serifas incluem: estilo antigo, transição, moderno e laje.
  • Fontes sem serifa são, sem surpresa, fontes que não usam serifas. Essas fontes geralmente parecem mais minimalistas e modernas, e são baseadas em fontes de sinalização e propaganda do final do século 19 e início do século XX. Em contraste com as fontes Serif, as fontes sans-serif são às vezes chamadas de 'góticas'. A Helvetica é provavelmente a mais famosa das fontes sans-serif.
    Tipos de fonte sans-serif incluem grotesco, neo-grotesco, geométrico e humanista.

Você pode ler que determinada fonte do Google é usada para exibição ou para texto, mas qual é a diferença entre as duas categorias?

  • As fontes de texto são projetadas para uso no texto principal de um site ou aplicativo e precisam ser altamente legíveis, mesmo em tamanhos pequenos. As fontes de texto normalmente são limpas, têm espaçamento maior e são menos volumosas que as fontes de exibição, o que significa que elas funcionam melhor em tamanhos pequenos.
  • Fontes de exibição , por outro lado, são predominantemente projetadas para parecerem elegantes e originais em títulos, adicionando personalidade e impacto, com legibilidade levemente reduzida, o que as tornaria menos ideais para uso no texto do corpo.

Vantagens de usar o Google Fonts no seu site

O Google Fonts é uma coleção de 915 fontes, todas disponíveis para uso gratuito no seu website. Tudo o que você precisa fazer é incluir uma chamada para as fontes que deseja usar em seu HTML e pronto.

Veja algumas vantagens interessantes do uso do Google Fonts no seu site:

  • Melhore a aparência do seu site gratuitamente
    O Google Fonts oferece acesso a quase mil fontes (principalmente) de ótima aparência gratuitamente, oferecendo a liberdade de escolher entre uma grande variedade de tipos de fontes com qualidade profissional. Apenas alguns anos atrás, a seleção equivalente poderia custar milhares de dólares.
  • Aumentar a consistência entre plataformas
    Graças ao fato de que a grande maioria dos navegadores atuais suporta o Google Fonts, incluindo o Google Chrome, o Apple Safari, o Mozilla Firefox, o Opera e o Internet Explorer
  • Acelerar o seu site – e a internet
    O uso do Google Fonts no seu website pode deixar seu site com excelente aparência e melhorar seu desempenho. Confira este vídeo do Google, que explica como.

15 melhores fontes do Google para o seu site

Lato

Designerukasz Dziedzic, designer de Varsóvia, criou o Lato para trabalhar de forma transparente no corpo do texto e também para se destacar individualmente quando usado em títulos de maior tamanho. Esta família de tipos de letra sem serifas é simultaneamente familiar e diferente – mais especialmente na forma como alguns dos detalhes da fonte são arredondados.

Merriweather

Merriweather de Eben Sorkin é projetado para ótima legibilidade nas telas. A grande altura x de Merriweather aumenta a legibilidade da fonte, tornando-a adequada para uso em textos longos, bem como para títulos e títulos. Merriweather possui atualmente 8 estilos: Claro, Regular, Negrito, Preto, Itálico claro, Itálico, Negrito e Itálico Preto.

Montserrat

Fundado a partir de um projeto do Kickstarter em 2011, Montserrat pretende “resgatar a beleza da tipografia urbana que surgiu na primeira metade do século XX”. Essa atraente família de fontes sans serif foi criada por Julieta Ulanovsky e recebeu o nome do bairro de Montserrat em Buenos Aires, onde mora. Escrevendo sobre a inspiração por trás de Montserrat, Ulanovsky disse: “Para desenhar as letras, confio em exemplos de letras no espaço urbano. Cada exemplo selecionado produz suas próprias variantes em proporções de comprimento, largura e altura, cada uma adicionando à família Montserrat. As antigas tipografias e copas são irrecuperáveis quando são substituídas ”. A fonte resultante é um clássico moderno, uma versão atualizada da elegância dos modelos do início do século XX.

Muli

Muli é uma fonte sans-serif versátil e minimalista que foi projetada pelo falecido Vernon Adams. Ele foi originalmente projetado para ser usado como uma fonte de exibição, mas graças ao seu espaçamento, ele pode funcionar bem como uma fonte de texto também. Adequado para aplicações web e móveis, Muli também tem um single 'a' minúsculo, uma raridade relativa que é mais uma curiosidade do que qualquer outra coisa.

Nunito

Outra criação da Vernon Adams, o Nunito é uma fonte sem serifa projetada como uma fonte de exibição. Com 8 pesos diferentes disponíveis, é uma fonte versátil e atraente que recomendamos usar quando você deseja um título inteligente e estilizado sem serifa.

Open Sans