Existem cerca de 1000 diferentes Google Fonts que podem ser usados gratuitamente. É um número quase inacreditável de escolhas. A fim de integrar a fonte ideal em seu próprio site, esta seleção não facilita para o usuário. É por isso que compilamos uma lista das melhores fontes do Google aqui.
Também explicamos a melhor maneira de usar o Google Fonts em um site WordPress.
Além da decisão estética na hora de escolher uma fonte, existem outros critérios a considerar. A tipografia do site pode ter uma influência decisiva na taxa de rejeição e taxa de conversão.
No entanto, outro ponto crucial é o fluxo de leitura dos usuários do seu site. Se isso for influenciado negativamente, isso terá consequências de longo alcance.
Vale a pena investir tempo na escolha da fonte certa do Google ao criar um site. Escolher a primeira fonte que aparece não é uma boa decisão.
As 10 melhores fontes do Google em 2019 – com base no comportamento geral do usuário
De acordo com um estudo do Google Fonts Analytics, o comportamento geral do usuário foi determinado. Com cerca de 25 trilhões de visualizações de fontes, o Google tem dados suficientes em suas mãos para analisar resultados significativos.
Pronto para saber mais? Perfeito.
Então, vamos dar uma olhada nas fontes mais populares e olhar para os recém-chegados para 2020, que já cresceram em popularidade em 2019.
Robô
-serifa
Tipos: 12
Roboto é uma fonte sans-serif de Christian Robertson, desenvolvida pelo Google para o sistema operacional Android. Agora é extremamente popular, disponível em diferentes variantes e, portanto, é classificado várias vezes no Google Fonts Analytics. Isso significa que Roboto é a fonte mais popular por si só, mas Roboto Condensed como uma variante também é extremamente popular e está classificado em sexto lugar, Roboto Slab em 13º lugar!
Abrir Sans
Sans-Serif
Tipos: 10
Open Sans também é uma fonte sans-serif desenvolvida por Steve Matteson. O Google usa o Open Sans em vários de seus sites, em seus anúncios impressos e para publicidade on-line.
Lato
Sans-Serif
Tipos: 10
Lato também é uma fonte sans-serif muito popular por Lukasz Dziedzic.
Slabo 27px/13px
Serif
Tipos: 2
Slabo Serif Font foi desenvolvido por John Hudson da Tiro Typeworks. Esta fonte é especialmente projetada para um tamanho específico. 27px ou 13px, dependendo das necessidades dos usuários.
Oswald
Sans-Serif
Tipos: 6
Oswald é uma fonte sans-serif desenvolvida por Vernon Adams.
Fonte Sans Pro
Sans-Serif
Tipos: 12
Source Sans Pro é uma fonte sans-serif de Paul Hunt. A fonte foi desenvolvida para a Adobe e foi a primeira fonte de código aberto.
Montserrat
Sans-Serif
Tipos: 18
Montserrat é uma fonte sans-serif de Julieta Ulanovsky. A fonte tem 18 tipos diferentes.
Raleway
Sans-Serif
Tipos: 18
Com suas 18 fontes diferentes, Raleway oferece uma seleção particularmente grande. A fonte foi desenvolvida por Matt Mclnerney. Há outra subespécie pontilhada chamada Raleway Dots, que é frequentemente usada para manchetes.
PT Sans
Sans-Serif
Tipos: 4
A fonte PT Sans foi desenvolvida para publicações oficiais da Federação Russa. Inclui letras latinas e cirílicas. Várias variantes estão disponíveis, bem como opções de “serifa”.
Lora
Serif
Tipos: 4
Lora é uma fonte serifa popular. É frequentemente usado para web design, bem como para design de impressão.
Fontes adicionais e populares em 2019 / 2020
As dez fontes apresentadas acima são (em ordem) as fontes mais populares no Google. Mas há também os grandes alpinistas de 2019 e 2020. Eles ainda são pouco conhecidos e, portanto, ainda não estão tão presentes nos números analíticos.
Então aqui estão os nossos favoritos dos recém-chegados:
Noto Sans / Serif
Sans-serif ou serif
Tipos: 4
O Font Noto foi encomendado pelo Google. A fonte está disponível em serif e também na variante sans serif. Novas atualizações aparecem em determinados intervalos. Existem agora mais de 100 fontes Noto.
Nunito Sans
Sans-Serif
Estilos: 14
Nunito Sans é uma opção sans serif que está crescendo em popularidade (seu uso triplicou desde o ano de 2019).
Concerto Um
Sans-Serif
Tipos: 1
Concert One é uma fonte arredondada sans serif. É particularmente adequado para manchetes.
Prompt
Sans-Serif
Tipos: 18
Promt é uma fonte sans-serif do designer tailandês Cadson Demak.
Trabalho Sans
Sans-Serif
Tipos: 9
Work Sans é uma fonte sans serif otimizada para exibição em monitores e para uso na web.
Como diferentes Google Fonts são combinados.
E aí, já encontrou o Google Font certo? Então nós parabéns você. Agora, outra grande tarefa está esperando por você. Agora é hora de combinar o Google Font com outras fontes no seu site.
Enquanto você lê, vamos explicar quais opções você tem para encontrar a melhor combinação de suas fontes.
O site Google Fonts sugere combinações populares. Você provavelmente já viu isso se você chamou os links acima para as fontes individuais no Google.
https://joewp.com/wp-content/uploads/2019/12/google-font-kombinationen-1.jpg
Mas também existem outros portais onde você pode obter sugestões para combinações de fontes, por exemplo, no site Font Pair.
Melhores combinações para usar o Google Fonts com WordPresss
Aqui estão algumas dicas para usar o Google Fonts no WordPress.
Limitar o número de tamanhos de fonte
Algumas das fontes listadas acima, como Montserrat ou Raleway, estão disponíveis em 18 tamanhos de fonte diferentes. Isso é perfeito se você estiver procurando por uma ampla seleção. No entanto, para que o tempo de carregamento do site WordPress não saia do controle e o site se torne muito lento, você deve limitar-se às fontes absolutamente necessárias e usá-las apenas. Este é um ponto muito importante para que o desempenho do seu site não se deteriore.
Recomendamos o uso de no máximo dois tamanhos para a maioria das fontes:
-Regular
-Negrito
Você mesmo pode definir isso através da guia “Personalizar” no Google Fonts se quiser usar suas próprias fontes e não quiser usar as fontes predefinidas no respetivo tema WordPress.
Se você estiver usando um tema WordPress profissional (como: Avada ou Divi), você pode definir quais Google Fonts e quais tamanhos devem ser usados.
Outra opção é usar “fontes variáveis”, que são muito populares no momento. Eles são suportados por todos os navegadores modernos. Estas são fontes que requerem apenas um arquivo de fonte. No entanto, ainda não há uma grande seleção deles.
Hospede o Google Fonts localmente no seu servidor
Se não quiser carregar o Google Fonts a partir do servidor do Google, também pode hospedá-lo localmente no servidor. Na maioria dos casos, isso também levará a um melhor desempenho do seu site. Além disso, a maioria das fontes do Google já está armazenada em cache nos navegadores dos usuários.
Se você tiver suas próprias fontes (não o Google Fonts), você deve definitivamente considerar carregar essas fontes através de sua própria CDN.
Usar fontes atualizadas regularmente
O mesmo princípio se aplica a fontes como a plugins e temas WordPress. Atualizações e melhorias estão constantemente sendo lançadas pelos desenvolvedores. Este é o caso da maioria das fontes aqui apresentadas.
Preste atenção à legibilidade das fontes usadas
Ao seguir estas diretrizes, seu conteúdo será acessível a pessoas com deficiência, cegueira, baixa visão, surdez, dificuldades de aprendizagem, deficiências cognitivas, mobilidade limitada, impedimentos de fala, sensibilidade à luz ou uma combinação dos itens acima. De acordo com a Organização Mundial de Saúde, existem aproximadamente 260 milhões de pessoas com deficiência visual. 40 milhões de pessoas são cegas e 220 milhões de pessoas têm uma deficiência visual moderada a muito grave.
Outra configuração muito importante é o contraste de cores. O melhor conteúdo do seu site de nada serve se os utilizadores na Internet tiverem dificuldade em lê-lo e o considerarem um fardo. Eles sairão do seu site como resultado e certamente não voltarão.
A propósito, o motor de busca Google avalia os critérios acima referidos como fatores de classificação decisivos e, por conseguinte, a própria posição de cada um nos resultados da pesquisa depende do cumprimento destas orientações.
Há várias maneiras de testar o seu site quanto à conformidade com esses critérios. Testamos os websites que criamos através do modo de navegação anónima no navegador Chrome com a ferramenta “Lighthouse”. Aqui, os resultados nos pontos “Acessibilidade” e “Melhores Práticas” devem ser respeitados. Se forem sugeridas otimizações no teste, elas devem ser realizadas no site. Depois disso, você pode ter certeza de que o Google avaliará o site positivamente. A propósito, também oferecemos essas otimizações com o nosso Módulo de Performance para sites não criados por nós.
