[Dica/Tutorial] Usando Google webfont

[Daniel Wanderley]

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.

[Jamis Henrique]

Ótimo tutorial para quem esta aprendendo CSS ou que não sabia do Google WebFont

[Carlo Schneider]

Ó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.

[Jesmarcelo]

Pow isso vai me ajudar muito, tinha fonte que eu não usava porque não era padrão kkkkk

Sent from my GT-I5800L