🔤 20 Google fonts para wordpress e woocommerce: combinações, cirílico e velocidade em 2026

O site carrega em três segundos, mas o visitante sai ao fim de dois. Em 9 de cada 10 casos, o problema não é o alojamento nem os plugins, o problema é a fonte. Um mau par «título + corpo de texto» mata a legibilidade, e quatro famílias com oito pesos cada uma arrastam o PageSpeed para abaixo de 50.

Google Fonts, um catálogo com mais de 1700 fontes web gratuitas. Escolher uma combinação funcional para WordPress e WooCommerce é uma tarefa com ratoeira: algumas quebram em dispositivos móveis, outras não se dão bem com cirílico e há as que puxam 400 KB por peso.

Analisámos o catálogo a fundo e escolhemos 20 fontes que não o deixam ficar mal. Para cada uma, prós e contras honestos e um par pronto a usar para uma loja ou blogue.

💡 Visão geral rápida:

• Defina o tom da sua marca: sans-serif sóbria para tecnologia e finanças, arredondada e acolhedora para projetos infantis e de lifestyle, serifada para sites com muito conteúdo.
• Limite o número de famílias: uma para títulos, uma para corpo de texto. Três ou mais é garantia de perder pontos no PageSpeed.
• Verifique o suporte a cirílico: nem todas as Google Fonts suportam russo, abra o separador «Glyphs» na página da fonte antes de escolher.
• Carregue as fontes localmente através de um plugin ou conversão manual, elimina o pedido externo ao Google e melhora as pontuações de Core Web Vitals.
• Para WooCommerce, verifique os algarismos: «3», «5», «8» e «0» têm de ser instantaneamente distinguíveis no peso escolhido.

20 Melhores Google Fonts para WordPress e WooCommerce

1. Roboto

O tipo de letra mais usado do Google Fonts: um esqueleto mecânico neutro com ovais abertas. Não desvia a atenção do produto e mantém-se firme em tamanhos pequenos. A gama de pesos, de Thin a Black, permite construir hierarquia com uma única família.

• Vantagens: 12 pesos, numerais legíveis, não abafa o conteúdo, cirílico impecável.
• Desvantagens: tão difundido que, sem um tipo display distintivo, o site perde identidade.
• Onde obter: 🔗 Roboto no Google Fonts

2. Open Sans

Um veterano da tipografia web com um design amigável. Ideal para blogues, secções de ajuda e descrições longas de produtos. O espaçamento entre letras está afinado para que o texto não «respire» em dispositivos móveis.

• Vantagens: legibilidade perfeita para corpo de texto, renderização móvel de topo, cirílico completo.
• Desvantagens: parece «igual a todos os outros», um pouco fraco para uma marca que procura originalidade.
• Onde obter: 🔗 Open Sans no Google Fonts

3. Lato

Uma sem serifa calorosa, na interseção entre profissionalismo e humanidade. Os terminais semiarredondados suavizam o discurso sem cair na caricatura. Funciona bem para sites empresariais e lojas com um tom de confiança.

• Vantagens: equilíbrio entre «sério e amigável», forte tanto em títulos como em corpo de texto.
• Desvantagens: as curvas colidem com temas geométricos e kits de UI rígidos.
• Onde obter: 🔗 Lato no Google Fonts

4. Montserrat

Uma grotesca geométrica com um caráter «urbano». As proporções largas e uma grande altura de x fazem-na sobressair em blocos de destaque e botões de chamada para ação. Combinada com Roboto ou Inter, proporciona um contraste nítido.

• Vantagens: instantaneamente reconhecível, personalidade display arrojada, 9 pesos.
• Desvantagens: não é para texto longo, as letras largas consomem espaço em layouts móveis.
• Onde obter: 🔗 Montserrat no Google Fonts

5. Poppins

Uma grotesca geométrica construída sobre círculos perfeitos, confere um ar de «produto SaaS moderno» sem qualquer esforço do designer. Ótima para títulos, botões e etiquetas de preço. Tem um desempenho fiável em cartões de produto.

• Prós: design geométrico limpo, 9 pesos, «vibe de startup».
• Contras: a monotonia das formas arredondadas torna-se cansativa em textos longos.
• Onde obter: 🔗 Poppins no Google Fonts

6. Inter

Um tipo de letra criado para ecrãs: uma altura de x elevada e espaçamentos laterais cuidados garantem legibilidade em tamanhos pequenos. O padrão de facto para interfaces, dashboards e finalização de compras no WooCommerce.

• Prós: legibilidade em ecrã nº 1, cirílico impecável, eixo variável.
• Contras: num blogue sem um tipo display contrastante, parece insípido.
• Onde obter: 🔗 Inter no Google Fonts

7. Nunito

Uma sem serifa arredondada com uma personalidade suave e acolhedora. Perfeita para nichos que precisam de calor: produtos infantis, lojas de animais, blogues de culinária. As curvas são bem equilibradas.

• Prós: carácter caloroso, cirílico completo, funciona bem em menus mobile.
• Contras: não serve para B2B, finanças ou direito; a redondeza mina a autoridade.
• Onde obter: 🔗 Nunito no Google Fonts

8. Source Sans 3

A terceira versão do tipo de letra da Adobe, concebida a pensar na acessibilidade. Formas limpas e espaçamento de letras confortável, adequada para texto longo. No WooCommerce funciona bem em descrições de produtos e filtros.

• Prós: acessibilidade de raiz, eixo de peso variável, 12 estilos.
• Contras: sem um tipo display contrastante, o site parece documentação técnica.
• Onde obter: 🔗 Source Sans 3 no Google Fonts

9. Raleway

Uma sem serifa elegante com traços finos e um toque «premium». As hero sections e banners ganham um ar sofisticado. Não é adequada para corpo de texto: as linhas finas perdem contraste no ecrã.

• Prós: carácter display premium, cirílico sem pontos fracos, eixo variável.
• Contras: não serve para corpo de texto, os traços finos não se aguentam bem em tamanhos pequenos.
• Onde obter: 🔗 Raleway no Google Fonts

10. Work Sans

Uma grotesca otimizada para ecrã, com proporções ligeiramente mais largas. Concebida para leitura em monitor: aguenta-se bem a 14px em corpo de texto e a 48px em títulos.

• Prós: um tipo versátil para leitura em ecrã, eixo variável, 9 pesos.
• Contras: neutro ao ponto da invisibilidade; sem um tipo display distintivo, parece um placeholder.
• Onde obter: 🔗 Work Sans no Google Fonts

11. Playfair Display

Uma serifada de alto contraste com um carácter vincadamente «editorial». Em títulos e banners, transmite uma sensação de revista de luxo: moda, joalharia, perfumes. Não a utilize para texto corrido; os traços de alto contraste tremeluzem no ecrã.

• Prós: elegância editorial, 6 pesos com versaletes, cirílico completo.
• Contras: não é para texto corrido; em tamanhos pequenos, os traços finos desaparecem.
• Onde obter: 🔗 Playfair Display no Google Fonts

12. Merriweather

Uma serifada «legível» concebida especificamente para ecrãs. Ao contrário da maioria das serifadas, mantém uma linha uniforme mesmo a 14px. Para blogues e artigos longos, é uma das melhores opções com serifa no Google Fonts.

• Prós: uma serifada para ecrã sem compromissos, cirílico limpo, eixo variável.
• Contras: abaixo de 13px, as serifas começam a tornar-se «ruidosas».
• Onde obter: 🔗 Merriweather no Google Fonts

13. PT Sans

Um projeto da ParaType com cirílico totalmente nativo e suporte para línguas da Federação Russa. Não se trata de uma adaptação do latim; é um tipo de letra onde o cirílico é o protagonista. Proporções exemplares para «ж», «д», «л», sem zonas apertadas.

• Prós: cirílico de quem desenhou o alfabeto; proporções estreitas poupam espaço.
• Contras: poucos pesos para uma hierarquia complexa; o latim é secundário.
• Onde obter: 🔗 PT Sans no Google Fonts

14. Ubuntu

O tipo de letra da marca do sistema operativo Ubuntu, adaptado para a web. As dobras distintivas em «a», «g» e «k» tornam-no reconhecível. Para lojas de gadgets, software e alojamento, transmite uma vibração tecnológica.

• Prós: personalidade reconhecível, vibração tecnológica, 8 pesos.
• Contras: o «a» idiossincrático não agrada a todos; pode ser irritante em nichos conservadores.
• Onde obter: 🔗 Ubuntu no Google Fonts

15. Rubik

Uma grotesca de cantos arredondados e carácter amigável, mas sem ingenuidade infantil. O ponto ideal para lojas que precisam de calor humano sem infantilismo: artigos de desporto, artigos para o lar, culinária.

• Prós: equilíbrio «calor sem ingenuidade», eixo variável, numerais legíveis.
• Contras: falta de «secura» para nichos B2B rigorosos.
• Onde descarregar: 🔗 Rubik no Google Fonts

16. DM Sans

Uma grotesca geométrica de baixo contraste. Excelente para landing pages e sites de página única onde tudo deve parecer um todo coeso.

• Prós: contraste uniforme em todos os pesos, eixo variável, geometria moderna.
• Contras: monótona sem um acento display; o cirílico é ligeiramente mais largo que o latino.
• Onde descarregar: 🔗 DM Sans no Google Fonts

17. Fira Sans

Um tipo de letra desenhado para o Firefox OS. As proporções compactas poupam espaço horizontal, uma vantagem para fichas de produto com nomes longos e layouts mobile.

• Prós: compacidade, poupança de espaço, eixo variável, 16 pesos.
• Contras: a «secura» não se adequa a nichos emocionais, a legibilidade diminui em tamanhos abaixo de 12px.
• Onde descarregar: 🔗 Fira Sans no Google Fonts

18. Libre Franklin

Uma interpretação da clássica Franklin Gothic para a web. Uma altura-x elevada e um design «americano» reconhecível; os títulos parecem tiras de jornal sem parecerem arcaicos.

• Prós: estilo «jornal» distintivo, eixo variável, 9 pesos.
• Contras: o cirílico é ligeiramente mais estreito que o latino, não adequado para design «arejado».
• Onde descarregar: 🔗 Libre Franklin no Google Fonts

19. Quicksand

Uma grotesca geométrica arredondada com formas abertas e «respiráveis». O espaçamento entre letras é ligeiramente aumentado, para que o olhar não «tropece». Para lojas de artigos infantis, lojas de hobbies e estúdios criativos.

• Prós: formas abertas, carácter amigável, eixo variável.
• Contras: não adequada para grandes blocos de texto, deslocada em nichos rigorosos.
• Onde descarregar: 🔗 Quicksand no Google Fonts

20. Crimson Text

Serifa de estilo antigo inspirada na tipografia de livros. Ao contrário da Playfair Display, de alto contraste, a Crimson Text mantém uma linha uniforme e também funciona para corpo de texto. Para blogues sobre literatura, história e conteúdos de leitura pausada.

• Vantagens: serifa de livro intransigente, 6 pesos, versaletes.
• Desvantagens: não é para uso comercial, carácter demasiado «biblioteca».
• Onde obter: 🔗 Crimson Text no Google Fonts

⁉️🤔 Perguntas frequentes

As Google Fonts são adequadas para uma loja WooCommerce em russo?

Sim. O catálogo do Google Fonts inclui centenas de tipos de letra com suporte cirílico completo: Roboto, Inter, Open Sans, PT Sans e, pelo menos, mais 60 famílias. O segredo é abrir o separador Glifos e verificar a secção Cirílico. Para WooCommerce, teste os algarismos «3», «5», «8» e «0» em Negrito antes de instalar.

Quantos tipos de letra posso carregar sem prejudicar o desempenho?

O ponto ideal são duas famílias: uma para títulos, outra para o corpo do texto. Cada peso adicional acrescenta kilobytes ao volume de dados. Roboto Bold + Inter Regular pesam cerca de 70 KB em WOFF2 e a página carrega sem impacto. Três ou mais famílias são uma forma segura de perder pontos no PageSpeed.

É obrigatório alojar os tipos de letra localmente em vez de usar a CDN do Google?

Não é obrigatório, mas é recomendado. O carregamento local via @font-face elimina uma consulta DNS externa e melhora as pontuações do Core Web Vitals. Testes no GTmetrix mostram uma poupança de 300 a 600 ms na primeira renderização. Mais detalhes no guia dedicado.

Qual o tipo de letra que funciona melhor para a versão móvel de uma loja?

Inter. A sua altura-x elevada e o espaçamento compacto tornam-na a escolha mais legível em ecrãs de 5 a 6 polegadas. Para tráfego móvel, use Inter para o corpo e Montserrat Bold para títulos, este par funciona sem compromissos.

Posso misturar serifado e não-serifado na mesma página?

Pode e deve. Uma combinação «título sem serifa + corpo com serifa» (Montserrat + Merriweather) cria contraste visual. O esquema inverso (Playfair Display + Inter) transmite uma sensação premium. Evite três ou mais famílias, a página transforma-se numa confusão.

Resumo: qual o Google Font a escolher para o seu caso de uso

Escolher um tipo de letra não é uma questão de gosto, é uma questão do caso de uso. Um par «título + corpo» desajustado reduz a conversão sem que o visitante se aperceba.

• Loja online (WooCommerce) → Inter (corpo) + Montserrat Bold (títulos). Preços legíveis, finalização de compra limpa, cartões de produto com impacto.
• Blogue / site de conteúdo → Open Sans (corpo) + Raleway (títulos). Open Sans não cansa em leituras longas, Raleway acrescenta um toque leve.
• Landing page / página única → Poppins (títulos) + DM Sans (corpo). Clareza geométrica do bloco principal ao botão.
• Premium / moda → Playfair Display (títulos) + Inter (corpo). Elegância editorial sem sacrificar a legibilidade.
• Projeto em russo → PT Sans (corpo e títulos). Cirílico nativo, não latim adaptado.

Não persiga um número elevado de pesos, carregue apenas os que realmente usa: Negrito para títulos, Regular para o corpo, Itálico para ênfase. E não se esqueça de alojar os tipos de letra localmente, os 600 ms extra de espera pela CDN do Google não compensam a perda de um visitante.