Web Design – Se você está criando ou atualizando um site WordPress e está indeciso sobre qual fonte utilizar, aqui estão as 17 fontes mais populares do Google Fonts.
Neste post, vamos listar e discutir as fontes do Google mais usadas. Você também encontrará várias dicas sobre como melhor incorporá-las ao seu site WordPress.
No final deste artigo, queremos que você tenha uma ideia melhor sobre quais são algumas das fontes mais populares, por que as pessoas as amam e como elas podem ajudar seu site a ter uma aparência melhor.
1 – Roboto
- Sem serifa
- 12 estilos
- Exemplo de Fonte
Rockin ‘Roboto é uma estrela, revelando-se a fonte mais popular, com um número recorde de quase 60 bilhões de usuários. É mais popular nos EUA, mas possui alto uso no Japão e Brasil. A fonte Roboto foi feita especificamente para ter linhas fortes e limpas, curvas suaves e amigáveis. O Google sugere o Open Sans, o Lato, o Montserrat, o Raleway e o Oswald como combinações populares para o Roboto.
2 – Open Sans
- Sem serifa
- 10 estilos
- Exemplo de Fonte
O Open Sans de saída está aqui para legibilidade. É uma fonte neutra, uma fonte que quer ser amiga de todos, com acessibilidade em plataformas móveis e impressão. O Open Sans é apreciado por quase 30 bilhões de usuários nos EUA, França e Rússia. Seus pares populares são Roboto, Lato, Oswald, Raleway e Montserrat.
3 – Lato
- Sem serifa
- 10 estilos
- Exemplo de Fonte
Lively Lato é um tipo de fonte sem graça, sem tempo para serifas – tem um trabalho a fazer. Seus cantos são precisos, limpos e nítidos, o que faz uma declaração profissional para seus quase 10 bilhões de usuários dos EUA para o Brasil. Seus pares do Google são: Roboto, Open Sans, Oswald, Raleway e Source Sans Pro.
4 – Monserrat
- Sem serifa
- 18 estilos
- Exemplo de Fonte
Memorável Monserrat está interessado em se manter único, como seu bairro homônimo em Buenos Aires, Argentina. É profissional, mas não por ser rígido – ele gosta de ser acessível para seus mais de 5 bilhões de usuários dos EUA, França e o Brasil. As combinações populares com essa fonte são Raleway, Open Sans, Roboto, Oswald e Lato.
5 – Roboto Condensado
- Sem serifa
- 6 estilos
- Exemplo de Fonte
Retornando a fonte Roboto, desta vez na sua forma “Condensada”. A família de fontes Roboto é grande e esse é o irmão mais magro do nosso exemplo anterior. Ele foi projetado para aqueles que precisam economizar espaço e aproveitar ao máximo o espaço que eles têm em seu site. Mais de 4 bilhões de pessoas usam esta versão e é mais popular nos EUA e na Rússia. Emparelhamentos populares são Open Sans, Lato, Oswald, Montserrat e Roboto regular.
6 – Fonte Sans Pro
- Sem serifa
- 12 estilos
- Exemplo de Fonte
O Superb Source Sans Pro é um empreendedor e leva o seu trabalho a sério. A Adobe desenvolveu-a para funcionar bem para interfaces de usuário e o Source Sans Pro é a fonte da tarefa – quase 4 bilhões de pessoas a utilizam nos EUA e na França. Tudo vai bem com o Open Sans, o Roboto, o Lato, o Oswald e o Raleway.
7 – Oswald
- Sem serifa
- 6 estilos
- Exemplo de Fonte
Oswald ornamentado é adequado e gosta de se encaixar na grade de pixels das telas digitais padrão. Oswald gosta das coisas de uma certa maneira, pois é usado livremente nas plataformas da internet por quase 4 bilhões de pessoas, especialmente nos EUA e na França. É mais frequentemente emparelhado com o nosso regularmente aparecendo Open Sans, Roboto, Lato, Montserrat e Raleway.
8 – Raleway
- Sem serifa
- 18 estilos
- Exemplo de Fonte
Refinado Raleway está pronto para pintar a cidade e vive em um estado de espírito art déco. O Raleway traz uma presença elegante e ao mesmo tempo ousada, para qualquer website. Originalmente, pretendia ser apenas um título com um estilo, onde ele agora possui 18 estilos e quase 3 bilhões de pessoas que o utilizam. Ele aparece regularmente junto com Montserrat, Open Sans, Roboto, Lato e Oswald.
9 – Slabo 27px / 13px
- Serif
- 2 estilos
- Exemplo de Fonte
O Slabo 27px / 13px especializado é mais confortável em ambientes técnicos, como um relatório impresso, em um laboratório de ciências. Embora tenha serifas, ainda mantém uma aparência mais fina e eficiente e mais de 2 bilhões de pessoas a utilizam nos EUA, na Indonésia, na Índia e no Brasil. Os pares populares são Roboto, Lato, Open Sans, Montserrat e Oswald.
10 – PT Sans
- Sem serifa
- 4 estilos
- Exemplo de Fonte
O PT Privado é um extrovertido introvertido. Foi desenvolvido inicialmente para o projeto “Tipos Públicos da Federação Russa”, para ajudar o povo da Rússia a ler e escrever em seus idiomas nativos. Até agora, as pessoas o usam em todo o mundo, embora continue sendo o mais popular na Rússia, com menos de 2 bilhões de usuários. No entanto, os usuários na Turquia e nos EUA também adoram isso. Open Sans, Roboto, Lato, Raleway e PT Serif fazem grandes companheiros para esta fonte.
11 – Merriweather
- Serif
- 8 estilos
- Exemplo de Fonte
Merry Merriweather é um livro aberto com um estilo fácil de ler para todas as telas. É uma fonte para as pessoas com diagonais interessantes, formas abertas e arredondadas e serifas fortes. Menos de 2 bilhões de pessoas usam principalmente nos EUA, mas também na Itália e no Brasil. Seus pares populares são Open Sans, Montserrat, Oswald, Lato e Roboto.
12 – Roboto Slab
- Serif
- 4 estilos
- Exemplo de Fonte
Relaxado Roboto Slab é o primo legal para o Roboto regular, trazendo consigo um senso de talento. Ele se separa do Roboto regular com seu estilo único e não se preocupa em economizar espaço tanto quanto o Roboto Condensed, porque é muito focado em se expressar. Menos de 2 bilhões de pessoas usam o Roboto Slab nos EUA, Rússia, Itália e Brasil e combina bem com Roboto, Open Sans, Monserrat, Lato e Raleway.
13 – Noto Sans/Serif
- Serif ou Sans Serif
- 4 estilos
- Exemplo de Fonte
A vizinhança Noto Sans é um tipo de fonte internacional – gosta de participar de diferentes culturas, já que era compatível com vários idiomas. Mais de 1,5 bilhão de pessoas a usam e estão localizadas principalmente nos EUA e no Brasil. Noto Sans gosta de se aconchegar com Noto Serif, Open Sans, Inconsolata, Roboto e Source Sans Pro.
14 – Open Sans Condensed
- Sem serifa
- 3 estilos
- Exemplo de Fonte
O Optimal Open Sans Condensed não é uma fonte invejosa, mas sentiu que estava perdendo quando o Roboto Condensed fez sua estréia. O Open Sans Condensed é outra maneira de economizar espaço e transmitir sua mensagem de forma um pouco mais eficiente do que o Open Sans regular. Menos de 1,5 bilhão de pessoas o usam em vários lugares, como EUA, Rússia, Reino Unido, Itália e França. Os emparelhamentos populares incluem Regular Sans, Roboto, Oswald, Josefin Slab e Amatic SC.
15 – Ubuntu
- Sem serifa
- 8 estilos
- Exemplo de Fonte
O Ubuntu inesquecível é um tipo de fonte com igualdade de oportunidades. Ele mantém uma filosofia semelhante a Noto Sans, acreditando que todas as línguas devem ser capazes de utilizá-lo. O Ubuntu conta com mais de 1 bilhão de pessoas em vários países, como EUA, Rússia, Itália, França, Espanha e Brasil. Gosta de aparecer com o Open Sans, o Roboto, o Lato, o Oswald e o Raleway.
16 – Poppins
- Sem serifa
- 18 estilos
- Exemplo de Fonte
Peppy Poppins traz vida a padrões geométricos e combina ordem com diversão. Sua forma favorita é o círculo, como é usado para suavizar bordas e cantos para adicionar uma gentileza à sua organização. Mais de 1 bilhão de pessoas o usam, principalmente nos Estados Unidos e na França, onde gostam de incluí-lo no Roboto, no Open Sans, no Raleway, no Oswald e no Playfair Display.
17 – Playfair Display
- Serif
- 6 estilos
- Exemplo de Fonte
O Display profissional Playfair fica firme com sua ampla serif, enquanto ainda emparelha bordas suaves e arredondadas para facilitar a acessibilidade. Isso parece ótimo na impressão e tem uma forte vibração de revista. Pouco mais de um bilhão de pessoas o utilizam, na maioria das vezes nos EUA, França, Itália e Espanha. Roboto, Open Sans, Lato, Montserrat e Raleway podem na maioria das vezes ser vistos juntos com o Playfair Display.
Práticas recomendadas para implementar fontes do Google no WordPress
Agora que você já viu uma lista completa de fontes e tem uma ideia do que cada uma delas parece, você pode escolher uma que mais complementa seu estilo. No entanto, depois de ter escolhido uma fonte, você terminou? Não é bem assim. Você terá que se certificar de que o tipo de letra que você escolheu está sendo utilizado ao máximo.
Então, por onde começar? Listamos alguns dos próximos passos recomendados abaixo, para ajudá-lo a otimizar a maneira como você usa fontes em seu site WordPress.
1 – A Escolha uma fonte que se adapte ao seu site
Raleway tem uma sensação art déco, Merriweather possui leveza, e Playfair Display possui uma impressão de revista / impressão. Pergunte a si mesmo qual o estilo da sua marca e, em seguida, escolha a fonte que reflete isso.
2 – Forme uma estrutura criativa
Ao escolher uma das fontes acima, decida o que você deseja para os títulos, o texto do corpo e as legendas. Escolha fontes que se complementam. Fontes maiores que são em negrito, itálico, etc. chamam a atenção e são mais fortes como títulos.
3 – Limite seus estilos de fonte
Como você pode ver, algumas dessas fontes têm até 18 estilos. No entanto, só porque você tem muitas opções, isso não significa que você precisa usá-las todas. Geralmente, é uma boa regra usar apenas três – regular, negrito e itálico. Demasiado e pode acabar por abrandar o seu site. Ao selecionar fontes do Google, você pode escolher os estilos que deseja incluir para evitar o download excessivo e prejudicar o desempenho do website.
4 – Mantenha a legibilidade em mente
A Organização Mundial da Saúde concluiu que existem cerca de 1,3 bilhão de pessoas no mundo vivendo com deficiência visual. Muitos deles estão na Web e parte da acessibilidade é garantir que seu site também seja facilmente utilizável para eles. No entanto, mesmo aqueles que não pertencem a este grupo, preferem sites que não são difíceis para os olhos.
Por esse motivo, ao exibir fontes em seu site, a legibilidade é um fator importante. Por exemplo, escolher cores neon em Comic Sans é uma má escolha. Assim, garantir que sua fonte seja agradável de ler ajudará seu site a ser mais amigável para todos os usuários. Uma das coisas mais importantes aqui é o contraste, que você pode verificar com essa ferramenta.
5 – Se você tiver uma fonte exclusiva, hospede-a localmente
Você pode hospedar uma fonte localmente em seu servidor para tentar melhorar o desempenho. Se é uma fonte do Google, que provavelmente não é necessária como servidores do Google, geralmente, respondem muito rápido.
No entanto, existem outras razões para localizar seus arquivos de fontes em seu servidor, especialmente as novas regras GDPR. Além disso, se você usar uma fonte exclusiva que não é fornecida pelo Google, é recomendável hospedá-la localmente em seu servidor para aumentar o desempenho. Este plug-in é uma ótima solução para ambos os casos.
Quais são as melhores fontes do Google para o seu site WordPress?
Encontrar a fonte certa para o seu site nem sempre é fácil. Existem tantas fontes por aí, então encontrar uma que se adapte à sua marca pode ser um desafio. No entanto, começar com as fontes mais populares pode ser um bom começo. Afinal, eles são populares por um motivo.
O post acima dá-lhe um resumo sobre as melhores fontes do Google de acordo com as massas. Ele também informa detalhes importantes, como o número de estilos disponíveis e com quais outras fontes eles combinam bem, para que você possa atingir o ponto de partida.
Depois de ter feito sua escolha, siga nosso tutorial detalhado para obter o tipo de letra em seu site WordPress. Se você está pensando em hospedá-lo em seu próprio servidor, você pode usar o plug-in mencionado acima para fazê-lo. Depois disso, tudo o que resta é nos dizer qual fonte você escolheu e por quê. Nós adoraríamos ouvir de você.
Quais fontes do Google você acha que são as melhores? Deixe-nos saber na seção de comentários abaixo.
Leia também:
- Web Design – As melhores práticas para Webdesign utilizando design minimalista.
- Web Design – Como criar sites para celular para pesquisas por voz?
- Web Design – Uma introdução às Fontes Variáveis para Web Designers.
- Web Design – A importância da manutenção do design consistente do seu site.
- Qual é a importância do Wireframe em um projeto para criação de site?