Usando fontes diferentes pelo Web fonts


Olá amores.~
Eu ainda não saí do birthday cake , muitos acham mais não é verdade , Bom, fiquei sem net desde 01/05 e fiquei sem net até hoje de noite ,então voltarei á postar normalmente aqui e no meu blog ~ Vamos comemorar ~ :D

Trouxe um tutorial muito fofinho , e que todos usam, o tutorial de hoje é de como Usar fontes diferentes pelo Web fonts , se quer aprender , Let's go ~


1. Antes de tudo, você precisa escolher uma fonte no Google Web Fonts.
2. Depois de escolher sua fonte, vá em Quick-use (print).
3. Depois disso você irá para outra página, desça um pouco ela que você achara a seguinte text-área com o código da sua fonte (print). Ps: O seu código será diferente do código do print.
4. Antes de copiar o código, coloque uma "/" antes de ">". Não entendeu? Veja um exemplo:
Seu código estava assim:

<link href='http://fonts.googleapis.com/css?family=Sail' rel='stylesheet' type='text/css'>

Com a barrinha ele ficará assim:

<link href='http://fonts.googleapis.com/css?family=Sail' rel='stylesheet' type='text/css'/>

5. Depois de ter feito essa pequena modificação, pegue o seu código com a barrinha que você adicionou e vá no seu html e cole acima de <head>.

6. Agora aonde você usar coloque: 
font-family: Nome da fonte que escolheu;
color: #código da cor que vai usar;
font-size: Tamanho da fontepx;
Então foi isso gente, qualquer dúvida pergunte pelos comentários.
Publicado por
Marcadores:

10 comentários

  1. Maju16.5.13

    Já sabia esse tutorial mas é sempre bom postar para quem ainda não sabe rç E eu amo usar esse tutorial deixa o blog mais lindo >3<

    HTML Detected

    ResponderExcluir
  2. Isadora ☁ 17.5.13

    Esse tutorial é incrível, deixa o blog bem mais fofo! :)
    Adorei o post!
    Beijos,
    Sonhos de Primavera e Pensamentos Meus.

    ResponderExcluir
  3. strawberrykittymilk18.5.13

    Esse tutorial é muito bom, e além que deixa o blog muito mais bonito. As fontes do blogger são feias ç.ç
    O tutorial é bom, o blog fica super bonito e não é nada complicado de colocar.

    Bezos :*
    NovemberPoisoned|Blogspot

    ResponderExcluir
  4. Anônimo18.5.13

    Já tinha visto esse tuto, é bacana! :)

    Seguindo, retribui? www.rainhadecopas-blog.blogspot.com

    ResponderExcluir
  5. × Sakura ♡19.5.13

    Adoooro o Google Web Fonts :3 ~

    /desu ~
    Pudding *^*

    ResponderExcluir
  6. Larissa Zanardi19.5.13

    Esse tuto é bem útil, já que a maioria das fontes do Blogger é uma merda, assim dá até pra variar, usar fontes diferentes dos outros blogs.

    Beijos!

    http://kawaii-planeta.blogspot.com.br/

    ResponderExcluir
  7. Anônimo19.5.13

    Oi flor amei seu blog e suas dicas!
    Muito boas!
    Ja estou seguindo!
    Segue o meu???
    http://love-vip-teen.blogspot.com.br/
    Beijoooo <3

    ResponderExcluir
  8. - Sun Izumi19.5.13

    Esse tutorial é muito útil :3

    Lost In The Sky - :3

    ResponderExcluir
  9. Unknown19.5.13

    Será que pode ir no nosso blog e ver um pouco da nossa web show?
    Agradeçemos,
    http://thebestteeen.blogspot.com.br/

    ResponderExcluir

- Se quiser um post, peça na ask !

- Se não gostou, não use palavras ofensivas. Ninguém precisa rebaixar-se a tanto para expressar a opinião.

- Leio todos os comentários, respondo e retribuo sempre que o tempo deixa.

Assinar: Postar comentários (Atom)