Como usar o Google Fonts

A cada dia novas mudanças aparecem para otimizarmos os sites na internet. Uma delas é a chegada do CSS3 e, junto esse Ambiente de desenvolvimento integrado, as Webfonts. Agora você pode ter um site diferenciado, sem precisar utilizar as fontes padrões do sistema operacional. Assim, seu site fica mais estiloso e com características únicas.

Para que isso aconteça, você tem uma plataforma online específica de fontes: o Google Fonts. Com ela, você personaliza as fontes de seu website de maneira bem prática. Além disso, o sistema ainda é seguro, e aprovado pelo Google.

Como utilizar o Google Fonts e personalizar seu site

Passo 1 – Acesse o site do Google Fonts.

Passo 2 – Escolha, dentre a lista, a fonte que você deseja inserir em seu site. Quando escolher, clique em “Quick-use” (seta apontando para a direita) e você irá para a página de configurações da fonte escolhida.

Passo 3 – Escolha o(s) estilo(s) que você deseja utilizar, marcando cada box.

Passo 4 – Escolha a forma como a fonte será incorporada no seu site. As opções são:

• *HTML – você deve digitar o caminho na tag “head” do seu site.
• *CSS @font-face – você deve especificar o caminho no seu arquivo.
• *Javascript – nesse método, você incorpora o script fornecido em algum local em seu site, de preferência nas tags head ou footer.

Passo 5 – Incorpore o código ao seu site e pronto. Já poderá desfrutar daquela fonte.

No Google Fonts, você encontra mais de 600 tipos de fontes. Certamente um deles irá agradá-lo, então ideal é que você explore o site. Na página inicial, você tem diversas opções, como ordenar as fontes por popularidade, por estilo, por ordem alfabética, etc.

Caso deseje, na página das fontes você tem ainda outras opções, como “ver todos os estilos da fonte” (seta para baixo), “pop-up” (quadrado) onde uma nova janela aparece com todos os caracteres da fonte, ou “Add to collection”, onde você salva a fonte em uma coleção personalizada para fácil acesso.

Com certeza você encontrará uma fonte que torne seu site mais bonito com o Google Fonts. Aproveite esse serviço gratuito e tenha sempre um diferencial estilístico em sua página.