♦ Tutorial ~ Como usar Google Fonts


Hey.
  Caramba, caramba, caramba. Meu aniversário é só amanhã mas hoje já chegou meu primeiro presente. Meu amigo que mora longe me mandou o primeiro livro da saga Instrumentos Mortais, a Cidade dos Ossos, eu fiquei tão bobo, pois ano passado eu não ganhei NADA no dia do meu aniversário, só mais de um mês depois. Cara te amo, de um jeito normal (não pensem besteiras).
  Hoje eu nem estava com vontade de postar, mas eu cheguei né. Vou ensinar como usar o Google Fonts, não sei qual a diferença entre isso e o @font-face, por isso escolhi colocar esse nome no título, mas entendedores me ensinem, rsrsrs, (nossa como eu falei besteira). Vamos lá.



Entre no Google Fonts e escolha sua fonte.
Existem várias categorias e modelos, para vocês poderem usar, desde magrinhas até fonts gordinhas.

Aperte no botão QUICK-USE.
Fica no canto direito inferior da descrição da fonte.

Você vai para outra página onde tem três etapas.
Escolher o modelo da font, o código para página e o código CSS.

Vamos encontrar um código parecido com esse <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed' rel='stylesheet' type='text/css'>.

Copie e cole depois de <head> no HTML do seu blog.
Lembrando que você precisa colocar uma barra / antes da última chave > desse código, ou seja, />

Agora é só colocar o código de baixo, parecido com esse font-family: 'Roboto Condensed', sans-serif; no lugar que você quiser usá-lo.
Pronto.

Beleza, só eu achei que esse post está MUUUUIIIITO estranho?
Bem, tentei explicar.
bye bye

6 comentários:

  1. O google fonts é muito útil e simples de usar ^^

    htmlandresources.blogspot.com

    ResponderExcluir
  2. Não conhecia, muito obrigado me auxiliou muito.
    Abraço *Babi*(diquinhasdababinha.blogspot.com)

    ResponderExcluir
  3. é mt fácil neh ? *U* e é simples, gosto bastante
    Troca divulgação?

    ResponderExcluir
  4. Tutorial PERFEIIIIITTTTTOOOOOOOOOO!!! Eu ainda não tinha entendido como é se conseguia essas fontes, e só graças a você descobri. Arigatou gozaimasu ^^

    Forever Sapo

    ResponderExcluir
  5. Adorei o tutorial e bem fácil^^

    Counting Feelings | counting-feelings.blogspot.com.br

    ResponderExcluir
  6. Você fez parecer incrivelmente fácil e eu aqui me matando pra tentar usar. u.u
    beijos

    Vodka&Coca

    ResponderExcluir