Aprimore seu site com essas 12 belas fontes da Web do Google

Propaganda

Na última década, eu tenho iniciou uma série de blogs pessoais 10 primeiros passos essenciais ao iniciar um blog WordpressDepois de criar vários blogs, gostaria de pensar que tenho um bom sistema para os primeiros passos essenciais e espero que possa ser útil para você também. Seguindo ... consulte Mais informação que eu nunca segui, mas algumas das minhas melhores lembranças se baseiam no design de temas e ajustes de fonte. Há algo satisfatório quando você encontra a combinação perfeita de fontes para o seu site e tudo se encaixa. Felizmente, com o Google Web Fonts, todo esse processo nunca foi tão fácil.

Então, quais fontes da web do Google você deve usar? Bem, você pode usar qualquer uma das fontes no diretório Google Web Fonts, que atualmente abriga mais de 600 fontes diferentes - e esse número continua a crescer. Mas algumas fontes foram provadas, uma e outra vez, como mais agradáveis ​​aos olhos e mais fáceis de ler do que outras. Continue lendo para descobrir quais são essas fontes.

Nota: A valorização das fontes é sempre uma questão subjetiva, mas a popularidade dessas fontes sugere que elas têm uma qualidade bonita. As considerações de fonte para esta lista foram feitas no contexto dos corpos dos parágrafos, não nos títulos, arte ou design gráfico.

O que é o Google Web Fonts?

O Google Web Fonts é um conjunto centralizado de fontes diferentes que você pode incorporar ao (s) site (s). Por um tempo, as fontes do site ficaram limitadas ao que estava no computador do espectador. Se elas não tivessem a fonte especificada, elas só veriam o site na fonte padrão do navegador. Com o Google Web Fonts, os espectadores podem ver a fonte do seu site, mesmo que não a tenham, e isso abre muitas portas em termos de design.

Se você usa o WordPress, alguns temas (especialmente os mais recentes) são equipados com suporte para o Google Web Fonts nas opções de tema. Para outros projetos da web, James escreveu um ótimo guia sobre como usar o Google Web Fonts Como usar as fontes do Google em seu próximo projeto da Web e por que você deveA escolha da fonte é uma decisão de design integral em qualquer site, mas na maioria das vezes nos contentamos com a mesma família serif e sans-serif. Enquanto o corpo principal do texto deve sempre ser algo ... consulte Mais informação para o seu site. Se você tem algum tipo de experiência em gerenciamento da web, esse processo deve ser tão fácil quanto você.

O Google Web Fonts também pode ser usado de outras maneiras, como através do Extensão do Font Changer Chrome Trocador de fontes com o Google Web Fonts: altere facilmente a fonte de qualquer site [Chrome] consulte Mais informação . Se um site em particular não lhe parece muito bom - ou até ofende seu senso de padrões gráficos -, você pode usar o Google Web Fonts para alterar manualmente a aparência de um site. Quão legal é isso?

Fontes Serif

As fontes com serifa são aquelas que possuem pequenos carrapatos, traços ou pés no final das letras e símbolos. Pense nos tipos de fontes que você encontraria em um livro impresso, um jornal, um trabalho de tese etc. No geral, são mais formais do que as fontes sem serifa (que são cobertas na segunda parte deste artigo) e geralmente são consideradas mais fáceis de ler, embora isso seja discutível.

Droid Serif: Você não pode falar sobre fontes serif modernas sem mergulhar no território Droid. A família de fontes Droid foi projetada para uso em telas móveis pequenas, principalmente na plataforma Android, mas a fonte ganhou popularidade e é usada em todo o lugar agora.

PT Serif: Embora exista há alguns anos, a família de fontes PT é nova para mim - e eu adoro isso. Agora, eu o uso para quase todos os meus editores de texto, seja o Microsoft Word, Scrivener ou edição de blog. É elegante e moderno, com seu próprio sabor em serifas.

Lora: Lora é talvez a minha segunda fonte serif favorita de todos os tempos, ao lado de PT Serif. Tem o equilíbrio certo de reto e redondo, proporcionando uma leitura fácil e uma estética agradável. Essa é a fonte que eu uso quando lendo ebooks no meu computador EPubReader: Leia livros .EPUB gratuitamente dentro do seu navegador [Firefox]A popularidade dos e-books disparou nos últimos anos e não parece que diminuirá tão cedo. Primeiro o Kindle, depois o Nook, depois aplicativos para smartphone como Aldiko e Mantano - existem ... consulte Mais informação .

Judson: Judson faz uma boa pausa quando você precisa de uma fonte serif bonita, mas não quer recorrer a algumas das mais populares, como as listadas acima. Um dos motivos pelos quais não é usado com tanta frequência é porque falta um estilo em negrito e itálico.

Merriweather: Vi recentemente Merriweather usado no blog de um escritor prolífico e me apaixonei. Com o kerning e espaçamento certos, o Merriweather se torna super fácil para os olhos e facilita a leitura rápida, o que é ótimo para blogs e conteúdo da web.

Vollkorn: Essa é a fonte que me atraiu para o Google Web Fonts em primeiro lugar. É bom observar na faixa de tamanho de fonte menor, mas as falhas se tornam mais aparentes em tamanhos maiores. No entanto, é ótimo e vale a pena tentar.

Fontes Sans-Serif

Se as fontes com serifa são aquelas com carrapatos e pés nas letras e símbolos, as fontes sem serifa são as que não possuem carrapatos e pés. Algumas pessoas descrevem as fontes sem serifa como "mais limpas" e "modernas" e geralmente são vistas como menos formais que as fontes com serifa, embora isso se torne menos verdadeiro a cada ano. O nome vem da palavra francesa para "sem" - sans - sempre que vir uma fonte rotulada como "Sans", você sabe que é a versão limpa dessa fonte.

Droid Sans: O Droid Sans está na mesma família de fontes do Droid Serif, mas o Droid Sans é muito mais popular por um motivo simples: os aplicativos móveis têm mais probabilidade de usar fontes sans-serif do que as fontes serif. Porém, sua popularidade transbordou para a Web e você provavelmente já viu essa fonte mais do que pensa.

PT Sans: O PT Sans é uma fonte sans-serif limpa, na verdade um pouco mais estreita que as fontes sans-serif tradicionais. É uma mistura maravilhosa de linhas nítidas e curvas suaves, resultando em uma fonte que parece estéril, mas artisticamente.

Open Sans: Do outro lado do PT Sans, você tem o Open Sans, um pouco mais amplo que as fontes sans-serif tradicionais. Pense em Verdana, exceto mais moderno. Não é minha xícara de chá, mas prevejo que o Open Sans terá mais uso nos próximos anos.

Lato: O Lato pode se sentir um pouco apertado quando o tamanho da fonte é muito baixo, mas com técnicas adequadas de CSS e design, o Lato pode ser mais bonito do que a maioria das fontes sem serifa. Kerning e espaçamento entre linhas são fundamentais, no entanto.

Roboto: Roboto é uma das minhas fontes favoritas para títulos, mas funciona tão bem em um corpo de parágrafo. É limpo, nem muito alto, nem muito curto, nem muito largo e nem muito estreito. É uma fonte sem serifa fácil de ler com um toque sutil futurista, que é apropriado devido ao seu nome.

Cabine: Como o Lato, o Cabin pode sofrer com tamanhos de fonte menores ao se sentir um pouco apertado e nítido quando as letras estão muito próximas umas das outras, mas o design CSS adequado pode corrigir isso com facilidade. É uma fonte bonita que às vezes me lembra uma versão mais moderna do século gótico.

Conclusão

Seus sites não precisam mais ficar presos usando as mesmas fontes Arial-Helvetica-Verdana sans-serif e Times-Georgia-Palatino serif. Aprimore seus designs com uma injeção rigorosa do Google Web Fonts e dê o próximo passo para revolucionar a aparência do seu site. Você não apenas distinguirá melhor seu site dos outros, mas seus leitores também agradecerão.

O que você acha? Quais são as suas fontes da Web favoritas do Google? Você os usa em seu próprio site? Por favor, compartilhe seus pensamentos conosco nos comentários.