As 8 melhores fontes para mobile

Combinando fontes

Como você provavelmente sabe por experiência própria em design, certas fontes funcionam bem juntas e outras não.

Uma escola de pensamento é usar uma fonte sem serifa para os cabeçalhos e uma fonte com serifa para o texto do corpo. No entanto, os opostos nem sempre se atraem e o ideal é garantir a escolha de duas fontes que se complementam.

Outra opção comum de design é emparelhar fontes semelhantes umas com as outras. A ideia neste caso é que fontes semelhantes suavizem as diferenças e mantenham os visitantes do site focados no conteúdo.

As 8 melhores fontes para mobile

Agora, vamos dar uma olhada nas oito melhores fontes para mobile. Para maior clareza, dividimos a lista em quatro fontes com serifa e quatro fontes sem serifa.

As 4 melhores fontes Serif para mobile

As fontes com serifa têm o que parecem pés (geralmente chamados de “traços”) anexados às extremidades das letras. Esses tipos de fontes geralmente parecem mais tradicionais e formais.

1. Garamond

Projetada em 1989 por Robert Slimbach, esta fonte é baseada na tipografia Garamond com o nome do gravador do século 16 Claude Garamond.

Esta família de fontes é frequentemente usada na impressão de livros. As várias versões de Garamond usam letras com uma estrutura relativamente orgânica que lembra a caligrafia antiquada, mas com um design mais estruturado e vertical.

Essa fonte combina bem com Orpheus, Franklin Gothic e Prenton.

2. Baskerville

Esta fonte também é clássica e foi projetada na década de 1750 por John Baskerville. Ainda é comumente usado hoje porque lê bem e, como demonstrado no experimento de Morris, confere autoridade ao seu conteúdo e design.

Essa fonte vai bem com Lucida Grande, Helvetica Neue, Open Sans, Georgia e Proxima Nova.

3. Computer Modern

Embora feita para computadores, foi inspirada na tradicional Modern Extended 8A da American Lanston Monotype Company, parte de uma família Monotype originalmente lançada em 1896, de acordo com a Wikipedia.

Criada por Donald Knuth, essa fonte é comumente encontrada nos design web para mobile, mas também aparece com frequência em artigos científicos.

A Computer Modern combina bem com a Luxi Mono.

4. Georgia

Projetada em 1993 por Matthew Carter e Tom Rickner para a Microsoft Corporation, a fonte Georgia foi pensada para ser elegante, mas legível.

A fonte Georgia combina bem com Helvetica Neue, Arial, Freight Sans, Open Sans e Lato.

As 4 Melhores Fontes Sans-Serif para Mobile

As fontes sem serifa não têm os extensores estéticos nas extremidades das letras que as fontes com serifa possuem.

As fontes sans-serif tendem a parecer mais modernas e são mais fáceis de ler em títulos, botões e textos curtos.

1. Open Sans

Open Sans é uma fonte sans-serif humanista projetada por Steve Matteson. Projetada especificamente para a web e dispositivos móveis, ela usa pressão vertical, formas abertas e uma aparência neutra, mas amigável, para facilitar a leitura.

A Open Sans combina bem com Montserrat, Lato, Brandon Grotesk e Roboto.

2. Roboto

A fonte Roboto foi desenvolvida pelo Google para mobile e é a fonte principal do sistema operacional Android para celular.

O Google a descreve como tendo uma natureza dupla, com um esqueleto mecânico e formas geométricas em grande parte, enquanto apresenta curvas abertas e amigáveis.

A Roboto combina bem com as fontes Roboto Slab, Open Sans, Lato e Playfair Display.

3. Montserrat

Com base nas placas do antigo bairro de Montserrat, em Buenos Aires, esta família de fontes foi projetada por Julieta Ulanovskym. Ele usa um tipo geométrico otimizado para uso digital.

A Montserrat vai bem com Open Sans, Roboto Slab e Lora.

4. Lato

Desenhada por Warsawukasz Dziedzic no verão de 2010, o nome desta fonte significa “verão” em polonês. Tem uma sensação de abertura que é brilhante e de verão, o que o torna popular para aplicativos e sites mobile.

A fonte Lato combina bem com as fontes Superior Title, Mate, Futura, Caslon e Clarendon.

Fontes para mobile mais usadas

Na lista acima, abordamos o que consideramos as melhores fontes mobile. No entanto, elas estão longe de serem as únicas. Abaixo estão fontes para mobile mais usadas, conforme o Web Almanac.

Na próxima vez que você criar seu site, consulte as combinações de melhores fontes para mobile que discutimos para garantir que os visitantes possam ler facilmente o conteúdo do site em dispositivos móveis.

Ao restringir suas escolhas, pense na personalidade que você deseja transmitir com sua fonte. Apenas certifique-se de manter o número de fontes em um único site em um máximo de duas ou três.

Finalmente, como acontece com todas as coisas relacionadas ao design de sites, conduza testes A/B com suas fontes sempre que possível e ajuste conforme necessário.

Confira nosso blog para outras dicas úteis de design, SEO, recursos para agências digitais e melhores práticas na criação de sites.