Google Fonts: o que é e como usar no seu site e nos seus emails
A biblioteca gratuita de fontes do Google, como instalá-la e o que levar em conta nas suas newsletters
O Google Fonts é um serviço gratuito oferecido pelo Google que disponibiliza uma ampla variedade de fontes de fácil acesso para uso em web design e projetos gráficos.
Esta biblioteca inclui uma variedade de estilos, desde os clássicos até os mais modernos.
É uma solução prática e versátil para melhorar a estética e a legibilidade de sites e materiais de marketing.
Hoje reúne 1.942 famílias tipográficas (agosto de 2026), 553 delas variáveis, e funciona desde 2010. É usado de blogs pessoais a grandes marcas, no WordPress e em praticamente qualquer editor de sites.
O Google Fonts é grátis e pode ser usado em projetos comerciais?
Sim. Quase todas as fontes têm a licença SIL Open Font License e algumas, a licença Apache. As duas são licenças livres: você não paga nada, não precisa se cadastrar e pode usá-las no seu site, em um logotipo, em materiais impressos e nos seus emails, mesmo que sejam de uma empresa.
Formas de usar o Google Fonts no seu site
Há três formas de adicionar uma fonte do Google ao seu site. Cada uma tem sua vantagem e sua desvantagem:
| Forma | Como | Vantagem | Atenção |
|---|---|---|---|
| Link para o Google | Uma linha no HTML ou @import no CSS | A mais rápida de configurar | O IP do visitante é enviado ao Google |
| Hospedada no seu servidor | Você baixa a fonte e a carrega com @font-face | Sem dados para terceiros e mais controle | É preciso atualizá-la manualmente |
| Plugin do WordPress | Um plugin baixa e hospeda as fontes | Sem mexer no código | Mais um plugin para manter |
Crie emails fáceis de ler em qualquer caixa de entrada
Templates adaptáveis a celular e um editor visual para que suas newsletters fiquem do jeito que você quer. Comece grátis com o Mailrelay.
Importância da escolha da tipografia
A tipografia não é apenas uma questão estética.
Afeta profundamente como os usuários percebem e interagem com o conteúdo.
Uma fonte adequada pode melhorar a legibilidade, transmitir a personalidade da marca e aumentar a interação do usuário.
Nesse sentido, o Google Fonts oferece uma solução que equilibra design e funcionalidade.
Integração em web design e UX
O design de um site influencia muito a experiência do usuário (UX).
O Google Fonts facilita a incorporação de tipografias que não são apenas visualmente atraentes, mas também otimizadas para a Web.
Isso garante um carregamento rápido e uma experiência de usuário consistente em diferentes dispositivos e navegadores.
Como inserir e usar o Google Fonts
O primeiro passo seria selecionar a fonte que você deseja usar. Para isso:
Acesse o Google Fonts
Navegue até o site do Google Fonts (fonts.google.com) e explore a coleção de fontes disponíveis.
Você pode filtrar as fontes por categoria, idioma, propriedades e popularidade para encontrar a que melhor se adequa ao seu projeto.
Visualize e selecione
Use a função de visualização prévia para ver como a fonte será exibida com seu texto específico.
Depois de encontrar uma fonte de que goste, clique nela para abrir sua página específica.
Adicione a fonte ao seu site
- Selecione os estilos da fonte: na página da fonte, selecione os estilos e pesos (por exemplo, regular, negrito, itálico) que você quer usar no seu projeto.
- Gere o código de incorporação: clique em “Get font” e depois em “Get embed code”. O Google Fonts fornece um trecho de código com duas partes:
- Link do HTML: uma linha que você deve colocar na seção <head> do seu HTML. Esse link importa a fonte do Google Fonts.
- CSS: Uma regra CSS que você deve adicionar à sua folha de estilo para aplicar a fonte aos elementos desejados da sua página.
- Ou baixe a fonte: com “Download all” você baixa a fonte em um ZIP e a hospeda no seu servidor com uma regra
@font-face. É a opção que mais protege a privacidade.
Google Fonts e SEO
Além de melhorar a estética e a UX, o Google Fonts também desempenha um papel no SEO.
Bem configuradas, as fontes quase não afetam o tempo de carregamento da página, um fator que o Google leva em conta (explicamos isso em WPO). Mas cada fonte externa é mais uma requisição e, desde 2020, os navegadores não compartilham mais o cache entre sites, então já não vale o argumento de que o visitante “já a tem baixada”. Carregue apenas as variantes que você usa, adicione font-display: swap para que o texto apareça enquanto a fonte carrega e, se puder, hospede-a no seu servidor.
Além disso, a implementação correta das fontes pode melhorar a acessibilidade do site, outro aspecto avaliado pelos mecanismos de busca.
Google Fonts e o GDPR
Se você carrega as fontes a partir dos servidores do Google, o navegador de cada visitante se conecta ao Google e envia o endereço IP dele. O Google Fonts não usa cookies, mas o IP é um dado pessoal segundo o GDPR.
Em 20 de janeiro de 2022, o Tribunal Regional de Munique condenou um site a pagar 100 € a um visitante por enviar o IP dele ao Google sem consentimento ao carregar o Google Fonts. Depois disso, surgiram milhares de reclamações parecidas na Alemanha.
A solução mais simples é hospedar as fontes no seu servidor: a licença permite e o site fica igual. Se preferir o link para o Google, mencione-o na sua política de privacidade junto com os cookies e outros serviços externos.
É possível usar o Google Fonts em um email?
Sim, mas nem todos os programas de email as exibem. Quando um programa não é compatível com a fonte, ele mostra a fonte alternativa que você tiver indicado:
| Programa de email | Exibe o Google Fonts? |
|---|---|
| Apple Mail (Mac, iPhone, iPad) | Sim |
| Outlook para Mac | Sim |
| Thunderbird | Sim |
| Gmail | Não (apenas Roboto e Google Sans) |
| Outlook para Windows | Não, ou só em parte (às vezes muda para Times New Roman) |
| Outlook.com e Yahoo | Não |
Por isso, nas suas newsletters, coloque sempre uma fonte alternativa depois da principal, por exemplo 'Montserrat', Arial, sans-serif. Assim, quem ler no Gmail verá Arial em vez de uma fonte qualquer.
Não coloque textos importantes em imagens só para usar uma fonte bonita. Isso prejudica a acessibilidade, o texto não pode ser lido se as imagens estiverem bloqueadas e pode afetar a entregabilidade. E, antes de enviar, confira como o email aparece em vários programas (email rendering).
Desafios e práticas recomendadas
Apesar de suas inúmeras vantagens, o uso do Google Fonts também apresenta desafios.
Escolher a fonte certa pode ser difícil devido à grande variedade disponível.
Além disso, é bom verificar se as fontes escolhidas estão alinhadas com a identidade e os valores da marca.
Uma boa prática seria testar fontes diferentes em vários dispositivos, considerar a legibilidade e a acessibilidade, e manter a coerência em todos os materiais de marketing.
Como o Mailrelay ajuda você
O Google Fonts oferece muitas opções para que seu site e seus materiais tenham uma tipografia coerente com a sua marca. Nos seus emails, o segredo é combinar uma fonte com personalidade com uma alternativa, para que sejam fáceis de ler em qualquer programa. Com o Mailrelay você tem:
- Editor visual e templates adaptáveis a celular para que seus emails sejam fáceis de ler em qualquer tela.
- Testes A/B para verificar qual design funciona melhor com seus assinantes.
- Conta gratuita com 80.000 emails por mês e 20.000 contatos.
Suas newsletters, com o seu estilo e legíveis em qualquer lugar
Crie emails com um editor visual e templates prontos para celular. Até 80.000 emails por mês grátis com o Mailrelay.
Perguntas frequentes
O Google Fonts é grátis?
Sim. Todas as fontes são gratuitas e também podem ser usadas em projetos comerciais, porque têm licenças livres.
O Google Fonts está em português?
O site do Google Fonts está em inglês, mas as fontes servem para escrever em português. Você pode filtrar por idioma para ver as que incluem acentos e o ç.
É legal usar o Google Fonts segundo o GDPR?
Sim, se você hospedar as fontes no seu servidor. Se você as carrega a partir dos servidores do Google, envia o IP do visitante ao Google, e um tribunal alemão já condenou um site por isso em 2022.
Como baixar uma fonte do Google Fonts?
Acesse fonts.google.com, abra a fonte, clique em “Get font” e depois em “Download all”. Será baixado um arquivo ZIP com a fonte.
Posso usar o Google Fonts nos meus emails?
Sim, mas o Gmail e o Outlook para Windows não as exibem. Coloque sempre uma fonte alternativa, como Arial ou Georgia.