As melhores fontes da web gratuitas para 2018

As fontes que você escolhe para o seu site WordPress desempenham um papel importante no design geral. Não é uma reflexão tardia de forma alguma. Basta alterar todas as suas manchetes para Comic Sans se precisar ver uma prova! Ok, isso é um pouco drástico. Mas, com a tipografia, mesmo a menor mudança pode fazer uma diferença significativa. Graças à web (e especialmente ao Google), existem inúmeras fontes da web gratuitas para ajudá-lo a escolher a melhor. Portanto, se você está procurando um pouco de inspiração ou uma atualização de fonte para o seu site atual, recomendo fortemente que você navegue na lista abaixo para explorar algumas das melhores fontes da web que o mundo do design tem a oferecer.

As melhores fontes da web gratuitas para 2018

Inscreva-se no nosso canal no Youtube

Aqui estão 40 das melhores fontes da web disponíveis em 2018 (e são gratuitas!)

1. Roboto

Roboto pretende ser um casamento entre formas geométricas e curvas amigáveis. Ele cria um ritmo de leitura natural e funciona bem como título, manchete ou tipo de corpo. A versão condensada, Roboto Condensed, também é extremamente popular.

Obtenha a fonte

2. Playfair Display

A Playfair é influenciada pela transição da tecnologia de escrita / impressão do final do século 18; quando as penas foram substituídas por canetas de aço pontiagudas. Também é influenciado pelo tipo de letra John Baskerville e pelo tipo de letra de William Martin para o “Boydell Shakspeare”. É ótimo para títulos e manchetes.

Obtenha a fonte

3. Abra Sans

Projetado como um bom tipo neutro, o Open Sans é muito amigável e legível. Bom para títulos, manchetes ou corpo de texto.

Obtenha a fonte

4. Montserrat

Esta fonte foi originalmente criada por Julieta Ulanovsky. Sua inspiração para o design da fonte veio de todos os belos letreiros e pôsteres que viu em Montserrat, um bairro de Buenos Aires. Parece maravilhoso em títulos curtos com letras grandes em maiúsculas.

Obtenha a fonte

5. Merriweather

Este tipo de letra com serifa é extremamente agradável de ler no corpo do texto em todos os tipos de telas porque foi criado para a web. Também funciona muito bem para cabeçalhos.

Obtenha a fonte

6. Lato

Lato foi projetado especificamente para uso corporativo. Tem uma aparência profissional que se presta bem ao uso em vários tamanhos. Seus detalhes semi-arredondados também lhe dão um calor que agrada a multidões.

Obtenha a fonte

7. Bebas Neue

Esta fonte sans serif “all Caps” é extremamente popular e considerada uma das melhores fontes da web gratuitas por um bom motivo. Ele cria exibições incríveis para os cabeçalhos do seu site!

Obtenha a fonte

8. Noto Sans

Noto Sans é o único que foi criado para ter uma ótima aparência em vários idiomas. Por causa do espaçamento horizontal entre as letras, fica ótimo no corpo do texto e em páginas com muito conteúdo.

Obtenha a fonte

9. Source Sans Pro

Source Sans Pro foi projetado principalmente com interfaces de usuário em mente. Isso será uma ótima fonte de menu, mas também pode ser usado para outras coisas, como o corpo do texto.

Obtenha a fonte

10. Oswald

Esta fonte sem serifa é uma fonte maravilhosa para a web porque foi formada para se ajustar à grade de pixels das telas digitais. É uma fonte estreita que não ocupará muito espaço, por isso funciona muito bem para cabeçalhos grandes com muito texto.

Obtenha a fonte

11. PT Sans

PT Sans faz parte de um projeto chamado “Tipos Públicos da Federação Russa” que visa uniformizar a exibição de texto em vários idiomas (semelhante ao Noto Sans). Essa fonte é boa para vários fins.

Obtenha a fonte

12. Rubik

A fonte rubik foi projetada por Philipp Hubert e Sebastian Fischer para criar uma fonte sans serif com cantos ligeiramente arredondados em que as letras se encaixam perfeitamente dentro dos quadrados do Cubo de Rubik. A fonte funciona muito bem para cabeçalhos e corpo de texto.

Obtenha a fonte

13. Nunito Sans

Esta fonte sem serifa é uma versão não arredondada do Nunito. É uma fonte popular para interfaces de usuário e parece ótima para itens como painéis, menus de restaurantes e listas de preços.

Obtenha a fonte

14. Fira Sans

Esta fonte popular da web foi originalmente projetada para o Mozilla FirefoxOS para uma legibilidade clara em todos os tamanhos de tela. Use-o como um tipo moderno para vários fins.

Obtenha a fonte

15. Trabalho Sans

Esta fonte sans serif foi projetada como uma fonte simplificada da web que fica bem em todas as telas. Use pesos mais pesados ​​para exibições de cabeçalhos grandes e espaçosas e o peso normal para texto do corpo de fácil leitura.

Obtenha a fonte

16. Poppins

Poppins é uma fonte geométrica moderna sem serifa baseada no design Devanagari que destaca a forma geométrica do círculo desta bela fonte. Sinta-se à vontade para usar essa fonte para os cabeçalhos e o corpo do texto de um design que seja muito agradável aos olhos.

Caso você não tenha notado, é também a fonte usada em nosso blog.

Obtenha a fonte

17. Josefin Sans

Esta fonte é irmã de Josefin Slab (também uma ótima fonte). Ele foi projetado para ser geometricamente elegante e adicionar um toque vintage. Use espaçamento negativo entre letras para títulos maiores e você pode manter o bom espaçamento padrão entre letras que ele fornece para o corpo do texto.

Obtenha a fonte

18. Ubuntu

Ubuntu é uma fonte sem serifa criada para a web e destinada a ser uma fonte de uso geral. Bom para títulos, manchetes, botões e corpo de texto semelhantes.

Obtenha a fonte

19. PT Serif

PT Serif é a nova adição à família PT Sans para que os dois funcionem bem juntos como um emparelhamento de fontes. É um tipo harmonioso que funciona bem para quase tudo.

Obtenha a fonte

20. Muli

Esta fonte sans serif funciona muito bem para sites com design minimalista. Funciona melhor para cabeçalhos grandes, mas também pode funcionar para o corpo do texto.

Obtenha a fonte

21. Arvo

Arvo é uma fonte com serifa geométrica destinada a ser um tipo "misto", adequado para vários fins. Ele pode ser usado para títulos, manchetes e corpo de texto.

Obtenha a fonte

22. Oxigênio

Esta fonte sans serif foi criada por Vernon Adams com interfaces de usuário em mente. Ele é projetado para ser claro e legível para que tenha uma ótima aparência em todos os tamanhos de tela. Use-o para o corpo do texto, itens de menu e botões!

Obtenha a fonte

23. Raleway

Raleway é uma fonte elegante e fina de san serif que provavelmente é melhor usada para títulos, subtítulos e manchetes.

Obtenha a fonte

24. Noto Serif

Como Noto Sans, Noto Serif foi criada para ter uma ótima aparência na web em vários idiomas e é uma ótima fonte multifuncional que fica linda em todas as telas. Use-o com Noto Sans como um emparelhamento de fontes perfeito também.

Obtenha a fonte

25. Nunito

Nunito é uma fonte sans serif ligeiramente arredondada que funciona muito bem para tipografia de tela grande. É uma fonte popular para interfaces de usuário. Usar o peso normal para títulos grandes parece muito bom.

Nunito

26. Archivo

Archivo é um tipo grotesco (mais antigo) sem serifa que tem um toque técnico agradável. Parece especialmente bom na web como uma fonte de cabeçalho.

Obtenha a fonte

27. Abril Fatface

Como o nome sugere, o Abril Fatface é um tipo “maior”. Pretende ser uma renovação dos estilos clássicos de Didone. Em particular, cartazes publicitários britânicos e franceses do século XIX. Esta fonte é maravilhosamente elegante e provavelmente é a melhor para títulos e manchetes.

Obtenha a fonte

28. Exo 2

Exo 2 é uma nova versão do Exo desenhada por Natanael Gama. Esta fonte contemporânea tem um toque técnico e futurista. Ao contrário do Exo, o Exo 2 também funciona muito bem para o corpo do texto.

Obtenha a fonte

29. Barlow

Barlow é inspirado pelo público da Califórnia (placas, placas, ônibus, etc.). O design é levemente arredondado e tem versões condensadas que fazem ótimos cabeçalhos sem ocupar muito espaço.

Obtenha a fonte

30. Slabo 27px

Slabo 27px é uma fonte exclusiva que (como sua fonte irmã Slabo 13px) é especificamente otimizada para visualização no tamanho de pixel em seu nome. Isso a torna uma ótima fonte da web para títulos claros, ligeiramente condensados ​​e fáceis de ler.

Obtenha a fonte

31. Aleo

Aleo é uma fonte slab serif semelhante à fonte Lato popular. Ele é projetado com detalhes elegantes e semi-arredondados que o tornam uma boa escolha para cabeçalhos e corpo de texto.

Obtenha a fonte

32. Areia movediça

Este é um tipo de letra display sans serif que continua a ser uma escolha popular na web. Ele tem um desenho geométrico que fica ótimo para títulos.

Obtenha a fonte

33. Cooper Hewitt

Esta fonte sans serif contemporânea foi projetada com arcos geométricos exclusivos que funcionam bem com sua tela condensada. Esta fonte fica ótima em maiúsculas como cabeçalhos, mas também pode ser usada para o corpo de texto normal.

Obtenha a fonte

34. Ostrich Sans

Ostrich Sans é uma fonte sans serif moderna excelente para títulos, logotipos e manchetes.

Obtenha a fonte

35. IBM Plex Sans

Este tipo de letra contemporâneo foi projetado especificamente para refletir o espírito da marca IBM. Possui apelo neutro e amigável que pode ser usado para vários fins em seu site.

Pegue esta fonte

36. Cormorant

Este tipo de letra exclusivo foi projetado (principalmente desenhado) do zero por Christian Thalmann. Para destacar as complexidades do tipo de letra, use esta fonte em seu site para telas maiores, como títulos.

Obtenha a fonte

37. Alegreya Sans

Esta fonte sans serif foi originalmente projetada para a literatura, portanto, funciona muito bem como corpo de texto devido ao seu espaçamento harmonioso em todo o texto.

Obtenha a fonte

38. Libre Franklin

Esta fonte sem serifa é uma versão contemporânea da fonte clássica Franklin Gothic. Use-o para cabeçalhos ou corpo de texto. Funciona muito bem se usado como texto do título e combinado com Libre Baskerville como corpo do texto.

Pegue esta fonte

39. Libre Baskerville

Esta bela fonte da web é uma fonte de alta qualidade que parece ser perfeita para um corpo de texto único e legível. Funciona bem se combinado com Libre Franklin.

Pegue esta fonte

40. League Spartan

League Spartan é uma fonte sem serifa de peso único (negrito) que funciona bem para criar títulos e cabeçalhos fortes e bonitos.

Obtenha a fonte

E quanto às fontes de script?

Se você encontrou na lista uma falta de fontes de script (ou escrita à mão), você não está errado. Mas isso não significa que não existam alguns grandes gratuitos por aí (Mali, Indie Flower, Pacifico e Dancing Script, para citar alguns). Você também pode verificar esta lista de belas fontes de script gratuitas e premium.

Algumas dicas rápidas sobre o emparelhamento de fontes

Ao atualizar a tipografia do seu site, é uma boa ideia considerar como as diferentes fontes funcionam juntas.

Aqui estão algumas dicas para você começar:

• Mantenha a simplicidade - não use muitas fontes de uma vez.
• Mantenha-o legível.
• Pense em opostos. Por exemplo, emparelhe um serif com um sans serif ou negrito com fino.
• Ou mantenha-o na família. Use diferentes pesos e estilos de fontes na mesma família.
• Tente combinar o humor do seu conteúdo.
• Experimente e mantenha o que funciona.

(Para o Google Fonts, você também pode usar a ferramenta gratuita de emparelhamento)

Para obter mais informações sobre o emparelhamento de fontes, consulte nosso artigo completo sobre os 7 princípios-chave.

Pensamentos finais

Espero que esta lista de fontes ajude no processo de encontrar a fonte perfeita para seu próximo projeto. E lembre-se, muitas dessas fontes terão pesos e estilos diferentes que você pode ajustar para criar incontáveis ​​designs. Portanto, divirta-se explorando!

Saúde!