20 melhores fontes sem serifa para sites
Publicados: 2020-02-04Quando se trata de design de sites, é necessário usar fontes incríveis, mas diretas. Cada fonte tem sua personalidade – uma característica que define seu uso e impressão. Assim como o uso adequado da tipografia pode melhorar a aparência do site, a escolha da fonte certa torna-se uma preocupação primordial para obter uma ótima tipografia. Neste artigo, estaremos navegando por algumas das melhores fontes sans-serif para sites. Embora sans-serif seja um tipo de fonte que não possui recursos estendidos chamados 'serifs' nas bordas, eles são usados principalmente para transmitir uma imagem bastante simples, moderna e mínima.
Apenas quando o mundo estava sentindo um mergulho ao escolher a fonte certa sem problemas de direitos autorais, o Google intensificou seu jogo para preencher o vazio com várias fontes gratuitas para uso comercial e pessoal. Com mais de 600 famílias de fontes disponíveis para navegar e escolher, a Biblioteca de fontes do Google é uma fuga rápida para o mundo das fontes funcionais e estéticas.
Aqui estão as 20 melhores fontes sans-serif para sites:
1. Abra Sans:
Esta fonte foi inicialmente projetada por Steve Matteson, um designer de fontes baseado em Louisville, Colorado. Open Sans vem com uma extensão completa de 10 estilos diferentes, de leve a extra ousado. É uma fonte legal, profissional e direta, com uma quantidade considerável de peculiaridades. Enquanto o J desce abaixo da linha de base é uma característica sutil, os itálicos em negrito são lúdicos e super experimentais em termos de tipografia.
O Open Sans também vem com uma versão condensada com três estilos, mas pode não ser aconselhável usar o mesmo para texto de tamanho menor ou corpo de texto. Embora, em alguns casos, ainda seja bom usar uma fonte sem serifa condensada para sites.
2. Robô:
Roboto é a família de fontes oficial para o sistema operacional Android. Ele foi projetado por Christian Robertson e vem com cerca de 12 estilos – uma variedade de faixas de peso, começando do fino ao ultra-ousado. É uma fonte muito moderna que combina muitos recursos de fontes clássicas como Helvetica, Univers e Arial. Como a fonte é levemente condensada, ela permite mais caracteres por linha, o que a torna uma fonte ideal para o corpo do texto.
Além do Roboto básico, essa fonte sem serifa para sites também tem outras duas variações – Roboto condensado (vem com seis estilos) e Roboto Slab (vem com quatro métodos).
3. Lato:
Lato é essencialmente uma das fontes mais peculiares da lista. Ele foi projetado por ?ukasz Dziedzic e incluiu cerca de dez estilos diferentes – desde o fino até o ultra-ousado. Embora o Lato seja cheio de pequenos detalhes e curvas, torna-se mais sensato usá-lo para letras de tamanho médio a título, em vez de corpo de texto, pois a maioria dos recursos é perdida se a fonte for dimensionada para uma versão pequena.
Essa fonte sem serifa para sites foi projetada de forma que as bordas mais suaves e semi-arredondadas significassem uma sensação de calor, enquanto a estrutura firme dava uma aparência mais severa e estável. Para tirar o máximo proveito da fonte, é melhor usá-la para destaques e textos de destaque.
4. PT Sem:
O PT Sans foi desenvolvido pela ParaType e veio com apenas quatro tipos – um normal, um negrito e um itálico de cada um. Embora seja um pensamento digno de apenas quatro tipos e pesos, é possível projetar um site apenas com essas muitas fontes – Nesse sentido, a Helvetica Neue tem sido um passeio de alta expectativa para todos nós.
No entanto, para compensar no que diz respeito à quantidade, essa fonte vem com caracteres peculiares, como a cauda de Q se destaca para dar uma aparência mais gráfica e dinâmica. Essa fonte sem serifa para sites pode ser um catalisador adequado para um jogo de tipografia.
5. Fonte Sans Pro:
Source Sans Pro é uma fonte sans-serif para sites projetados por Paul D. Hunt, que também se tornou a primeira fonte da família de fontes de código aberto da Adobe. É uma fonte altamente profissional para se adequar a todos os tipos de aplicativos de UI/UX, além de documentação formal. Pode não ser uma das fontes mais interessantes, mas vem com 12 faces diferentes, desde extrafinas a super ultra-negras, o que a torna muito mais versátil e profissional.
6. Ex:
Exo é uma fonte contemporânea sem serifa para sites com sensibilidade geométrica que foi desenvolvida pelo designer Natanael Gama. A fonte é um tesouro de pesos e tipos – tem cerca de nove pesos diferentes com itálico de cada um – o que potencialmente significa que você nunca ficará sem ideias para este! É versátil e funciona perfeitamente adequado para uma tela sem problemas de dimensionamento também. As formas e curvas em letras adicionam características da fonte que adicionam uma borda sobre outras fontes sem serifa.
7. Exo-2:
Como o nome sugere, Exo-2 é a próxima versão do Exo. Ele foi projetado tendo em mente uma abordagem um tanto futurista/tecnológica. Esta versão é muito mais avançada e orgânica no sentido de que funciona melhor para tamanhos de texto menores do que o Exo original. Ele elimina muitas pequenas curvas e formas do Exo original, o que o torna muito mais legível e conveniente para uso na web.
8. Ubuntu:
Projetado por Dalton Maag – e fundição internacional de fontes – o Ubuntu foi destinado principalmente para uso nos sistemas operacionais Ubuntu. Por assim dizer, é uma fonte sans-serif de estilo humanista para sites com cantos arredondados que lhe dão um elemento de peculiaridade. As bordas arredondadas encontram a haste diretamente, o que elimina a necessidade de uma serifa ou uma orelha.
Esta fonte vem com oito estilos e pesos leves a negrito. O Ubuntu também vem com uma fonte monoespaçada – Ubuntu Mono e uma versão condensada – Ubuntu Condensed.
9. Isto:
Istok Web foi desenhado por Andrey V. Panov e incluiu apenas os estilos normal a negrito com itálico de cada um. Embora essa fonte possa ter um número mínimo de estilos, ela funciona muito bem para documentação profissional com um tom severo. É legível em qualquer tamanho e mantém a legibilidade mesmo assim. Por assim dizer, é uma fonte sans-serif muito versátil para sites, se usada com sabedoria.
10. Nobile:
A Nobile foi projetada por Vernon Adams e é uma das fontes sem serifa para sites que têm apenas três pesos - normal, médio e negrito. Ele tem um valor x alto que o torna mais confortável de usar para textos pequenos. Essa fonte foi projetada tendo em mente uma tela digital, sem perder o visual diferenciado encontrado nas fontes impressas. A ideia básica era manter a fonte legível e direta de maneira que pudesse ser acessível aos olhos, mesmo com o menor tamanho de fonte.
11. Dose:
Desenhada pela Impallari Type, a Dosis é uma fonte sem serifa muito sutil para sites. Ele vem com um conjunto de pesos que são incrivelmente peculiares e ao mesmo tempo bastante sutis aos olhos. O estilo Extra-Thin só pode ser usado em um tamanho de fonte de 36px ou superior devido à sua leveza. Caso contrário, a fonte é ligeiramente condensada e um dos destaques da família de fontes sans-serif arredondadas mais icônicas. É mais adequado para ser usado em design de arte, publicidade, filmes e sites criativos que deixam espaço para um toque artístico, em vez de apenas temas corporativos.
12. Pipocas:
Poppins é uma fonte geométrica sem serifa para sites projetados pela Indian Type Foundry que fizeram um trabalho notável com essa fonte em particular. Embora venha em um surpreendente conjunto de 9 pesos e itálico de cada um, não é apenas versátil, mas também um deleite visual. Ele vem com uma fonte Devnagari também. Cada forma de letra é monolinear com correções ópticas nas junções de traçado para torná-la mais legível e igualmente colorida em toda a forma de letra. Esta é a fonte perfeita para mídia impressa e digital.
13. Trabalho sem:
Sendo uma das fontes sans-serif mais estruturadas para sites, Work Sans foi projetada por Wei Huang. Tendo em mente a mídia digital e impressa, é amplamente utilizável para texto de tamanho médio (14px-42px). É mais otimizado para o uso na tela do que na impressão, tornando-o mais legível aos olhos. Pode ser usado tanto para documentos formais como para a criação de banners e similares. As versões fina e extra leve não podem ser usadas para tamanhos de texto minúsculos (abaixo de 10px). Como o texto pode ficar distorcido e perder sua legibilidade.
14. Rubi:
Rubik é uma fonte sem serifa para sites com cantos levemente arredondados. Foi projetado por Philip Hubert e Sebastian Fischer de Hubert e Fischer, e mais tarde, redesenhado por Meir Sadan. É uma família de cinco pesos com itálico de cada peso. Essa fonte é perfeita para os menores tamanhos, embora o ultra-negrito possa ser uma ótima maneira de experimentar tipografia e títulos criativos de sites.
15. Livre Franklin:
A fundição de fontes Impallari Type desenvolveu o libre Franklin. É um amálgama de 8 conjuntos de pesos com itálico de cada um. Enquanto a Libre Franklin é uma fonte sans-serif mais estruturada para sites, a forma ultra-negrito contribui para a ênfase perfeita e destaque em pontos sempre que necessário, para facilitar a estética visual. Um site inteiro pode ser construído apenas com essa família de fontes, dada a variedade de pesos e estilos!
16. Osvaldo:
Oswald, fontes sem serifa para sites são projetadas por Vernon Adams. Esta fonte é um projeto de reformulação da família de fontes sans-serif de estilo gótico clássico. Sendo uma fonte super versátil, a Oswald é esbelta, condensada e totalmente gráfica na aparência. Ele pode ser usado para vários conjuntos de documentos, como PPTs e documentos do Word, impressões e espaços digitais para elevar um bloco de texto chato e torná-lo interessante e gráfico.
17. Montserrate:
Montserrat é uma fonte sans-serif para sites que foram desenhados por Julieta Ulanovsky inspirando-se no primeiro e mais antigo bairro de Buenos Aires que leva o mesmo nome. Com um conjunto versátil de 9 conjuntos de pesos e itálicos de cada estilo, Montserrat possui mais duas famílias – Alternates e Subrayada. Alternates tem algumas formas de letras distintas inspiradas no bairro de Montserrat, enquanto Subrayada (que significa 'sublinhado' em espanhol) é uma fonte com formas de letras sublinhadas.
Essa fonte é super chique, levemente lúdica e, ao mesmo tempo, pode ser usada para fins profissionais. A versão em negrito é autoritária e faz uma declaração.
18. Via férrea:
Uma fonte sem serifa para sites, Raleway foi projetada por vários designers. No entanto, além disso, tem uma gama versátil de pesos e estilos. Esta família de fontes sem serifa destina-se a títulos e artigos de texto de tamanho considerável. Inicialmente, essa fonte foi projetada como thin weight, por Matt McInerney. No entanto, foi expandido e transformado em uma família de nove pesos por Rodrigo Fuenzalida e Pablo Impallari em 2012. No mundo de hoje, Raleway tem sido destaque em cerca de 5 milhões de sites.
19. Fjalla:
Fjalla One é uma fonte sem serifa para sites projetados pela fundição de fontes Sorkin Type. É uma fonte de exibição sem serifa com contraste médio. A fonte é cuidadosamente manipulada para se adequar às restrições da tela. Apesar de ter recursos de exibição, o Fjalla pode ser usado em uma ampla variedade de tamanhos para causar impacto. Ele tem apenas um estilo de exibição. Além disso, pode ser facilmente explorado para explorar novas tipografias dinâmicas, bem como cabeçalhos de sites.
20. Cambaia:
Cambay é uma fonte sans-serif para sites projetados por Pooja Saxena e é uma fonte da família tipográfica Devnagari livre. Foi inicialmente destinado a corresponder ao latim Cantarell. A fonte tem dois pesos, Regular e Negrito, com itálico de cada um. É uma característica proeminente da fonte que os itálicos são inclinados com apenas os elementos ópticos necessários. Ele foi projetado para se adequar a todos os tamanhos de fonte – desde cabeçalhos a textos de corpo, para mídia digital e impressa.
Estas são as melhores fontes sem serifa para sites. Eles podem ser usados para fazer os melhores layouts e gráficos para as páginas da web. Ao projetar uma página da Web, é necessário selecionar o tipo certo de família de fontes. Isso garante que a página esteja em sinergia com o restante do site. Além disso, para aprimorar a estética visual da página e deixar uma marca na mente do espectador.
Com essas listas de fontes, fica claro que as fontes sans-serif podem ser usadas para dar uma aparência profissional mínima, estrutural e simplista. Se você deseja fazer uma declaração com sua página, torna-se vital escolher uma fonte com serifa, pois as 'serifas' extras tendem a parecer mais robustas e combinadas. No entanto, fica a seu critério combinar mais de uma serifa ou misturá-las com sans – o que importa é que o desenho deve deixar uma marca!