Jump to content

[Dica/Tutorial] Usando Google webfont


Recommended Posts

Fala pessoal blz?

É muito bacana e fácil mudar as fontes de um site usando o Google webfont.

Vamos ao que interessa.

1. Acesse o site e escolha a fonte clicando em Add to Collection.

2. Na barra azul clique em Use.

3. Selecione o código para colocar no topo do seu site.

<link href='http://fonts.googleapis.com/css?family=[FONT=inherit]Comfortaa[/FONT]' rel='stylesheet' type='text/css'>
4. no css do seu site adicione o nome da fonte que você escolheu. Ex:
h1 { font-family: ‘Metrophobic’, Arial, serif; font-weight: 400; };[/code]

Depois disso é so salvar e atualizar a página.

Link to comment
Share on other sites

Ótimo tutorial.

Também é possível enviar uma font para o próprio servidor, e usar como base esse CSS do google.

@font-face {

  font-family: 'Comfortaa';

  font-style: normal;

  font-weight: 400;

  src: local('Comfortaa'), url('http://www.site.com/fonts/comfortaa.woff') format('woff');

}

É só trocar o nome da font que você está enviando.

Assim você não fica preso só as fonts do google.

Link to comment
Share on other sites

Guest
This topic is now closed to further replies.
  • Recently Browsing   0 members

    • No registered users viewing this page.
×
×
  • Create New...

Important Information

Do you agree with our terms?