Por Kellison Ferreira

Publicado em 13 de novembro de 2019. | Atualizado em 27 de agosto de 2020


O Google Fonts é o banco de dados gratuito de fontes do Google. A incrível seleção traz diferentes estilos de texto e numerais, sempre com compatibilidade total para aplicação no WordPress. A plataforma é de fácil acesso e a busca é otimizada.

A escolha de boas fontes para o conteúdo escrito de um site é uma tarefa embasada em mais do que a decisão por algo bonito e legível. Diferentes estilos trazem percepções específicas, dando destaque ou transmitindo uma ideia conceitual a quem acessa o site. Por isso, quem costuma gerenciar projetos no WordPress precisa saber como usar o Google Fonts.

A página, de simples acesso, navegação e escolha de fontes, permite que um usuário escolha diferentes tipos de letras, considerando algumas características, desde as diferentes categorias até os estilos gráficos das fontes.

O mais interessante é poder usar cada uma dessas opções livremente em sites WordPress, fazendo a instalação em um processo simples e rápido.

Neste post você confere os seguintes tópicos:

 

O que é o Google Fonts?

O Google Fonts é um banco de fontes do Google em que o usuário pode escolher diferentes estilos de letras e numerais.

google fonts

Nesse site, a busca é facilitada devido à separação nos níveis de categorias, idiomas e características gráficas das fontes.

Elas podem ser instaladas no WordPress, com livre uso para usuários dessa plataforma.

 

Como navegar pelo site?

O Google Fonts é um site fundamental para quem está em trabalho para criar um site ou blog no WordPress (por conta própria ou pelo Rock Stage), já que ele oferece fontes gratuitas em um banco de dados amplo e diversificado.

Logo ao acessar a home dessa plataforma, é possível perceber que a ideia é oferecer algo fácil, já que o design do site é totalmente minimalista, focando em direcionar o usuário à busca da fonte.

De início, a home mostra a barra superior de configurações de busca e, ao longo da página, todas as fontes disponíveis no banco de dados aparecem, com exemplos de como ficam.

Para ver cada uma, basta rolar a página para baixo, caso esse seja o seu método de busca favorito.

A procura pela rolagem da página pode ser uma opção para quem não tem em mente o que espera da fonte. Ainda assim, é uma forma muito mais demorada de procura.

Uma opção mais otimizada e precisa é o uso da barra superior, já que ela ajuda a filtrar as características buscadas para a fonte ideal.

O uso dela é muito simples, já que ela nunca some da tela, mesmo que o usuário faça a rolagem para baixo e siga visualizando a oferta de fontes.

Ao acessar a home, o usuário consegue identificar seis opções principais na barra superior:

Powered by Rock Convert
  • barra de busca em que o nome da fonte pode ser inserido para encontrá-la rapidamente;
  • opção de seleção de exemplos em que o usuário escolhe entre numeral, frase, alfabeto ou parágrafo. Assim, cada fonte que aparece na tela inicial, ou a que for escolhida, será apresentada dentro de cada uma dessas seleções que foram escolhidas previamente;
  • opção para selecionar, em pixels, o tamanho da exibição das fontes na tela;
  • ícone de balde de tinta, que permite selecionar o background da página, o que é ideal para testar a aplicação em diferentes cores de fundo, simulando o site em que a fonte será usada;
  • opção para mudar a exibição da fonte para lista;
  • botão de reset para voltar às predefinições iniciais dos filtros.

É importante destacar que a exibição na sua tela é uma escolha definida pelo Google na configuração padrão, que é a das fontes em alta no momento.

No entanto, em uma barra no canto direito do monitor, é possível alterar essa exibição para as opções Most Popular (“mais popular”), Newest (“novas”) ou Name (em ordem alfabética de acordo com o nome das fontes).

google fonts
 

Por que usar o Google Fonts?

Há outras formas de conseguir boas fontes na web, mas o Google Fonts é uma alternativa que se destaca, graças a algumas boas vantagens. Entre as principais que merecem nosso destaque estão:

  • sem custos: você tem uma seleção incrível de fontes de diversos estilos e totalmente gratuitas para escolher;
  • acessível: como você viu neste post, é fácil acessar o site e realizar o processo de busca, download e instalação, principalmente usando o plugin;
  • compatível: todas as fontes do Google Fonts são compatíveis com o WordPress.
Confira também estes conteúdos:
👉 Como criar um site: o que você precisa saber para fazer o seu
👉 O que é HTML e qual sua funcionalidade?
👉 Wireframe: quais os tipos e as principais ferramentas de criação
 

Como usar Google Fonts?

Sem mistérios, escolher uma fonte, baixar e instalar é o passo a passo para começar a usá-la no seu site em WordPress.

Escolher

A escolha é o passo mais simples. Como explicamos, você tem uma série de opções de filtros e configurações de exibição.

Basta optar pela que preferir na página e, então, decidir qual fonte você deseja para o seu projeto. Quando escolher, basta clicar sobre o nome da fonte, e você abrirá uma nova página com um detalhamento sobre o estilo selecionado.

Baixar

Nessa página que foi aberta, há uma opção no canto superior direito da tela, com um sinal de “+”, e a opção Select This Font (“Selecione esta fonte”).

Basta clicar para reservá-la e, então, uma janela aparecerá minimizada na parte inferior da tela.

tela da fonte, do google fonts

Depois disso, basta clicar na janela minimizada na parte inferior da tela. Ela se abrirá e mostrará o código, que você dele colar no HTML do seu site para que ele mostre a fonte em questão. Há, também, uma aba em que você pode customizar a aplicação dessa fonte.

No canto superior direito da janela você verá o ícone de download, bastando clicar nele para baixar a fonte para seu computador.

Quando o arquivo for baixado, lembre-se de descomprimir para que a fonte fique disponível.

google fonts

Instalar

O último passo é direto no WordPress. Quem gerencia o site por meio dessa plataforma CMS pode fazer a instalação de maneira muito mais fácil.

Para isso, basta baixar o plugin Easy Google Fonts, e ele ajudará a realizar esse processo de maneira simples, sem mexer no código do site.

Após baixar e instalar o plugin, basta encontrar a sua fonte que foi baixada (ela aparecerá na lista que o Easy Google Fonts disponibiliza) e ativá-la. O processo é bem simples e muito mais rápido quando feito dessa forma!

Escolher a fonte ideal para o seu site não precisa ser mais uma dor de cabeça! Usar o Google Fonts é a melhor saída para encontrar o estilo ideal de letras e numerais para o projeto. Assim, você pode causar o impacto desejado nos seus usuários.

Em busca de outros bons plugins de WordPress? Confira os 63 melhores gratuitos da nossa seleção!

100.000 pessoas não podem estar enganadas
Deixe seu email e receba conteúdos antes de todo mundo

Posts relacionados

Deixe uma resposta

O seu endereço de e-mail não será publicado. Campos obrigatórios são marcados com *