Tutorial: Fonte Pixel na Sidebar

Olá, hoje trago um tutorial bastante usado em vários blogs, sabe aquela fonte Pixel? Não? 
Veja um exemplo:
Esse print é do blog de testes do Assim Tipo Tudo, não copie sem permissão.

1- Vá em Editar HTML, ctrl + f e procure por .footer-inner .widget
2- Selecione de  .footer-inner .widget, .sidebar .widget até }
3- Apague o que você selecionou e substitua por:
footer-inner .widget,
.sidebar .widget {
font-family: "silkscreen";
font-size: 8px;
color: $(widget.text.color);
}
4- Agora procure por ]]></b:skin> acima deste código cole:
@font-face { font-family: "silkscreen"; src: url('http://static.tumblr.com/0xqvkot/7jqmgsn0m/pf_arma_five.ttf'); }
5- Visualize, se estiver tudo certo, salve.
Créditos: One Dí Things
Comentem se deu certo no blog de vocês, depende o modelo acho que não funciona. 
Testei apenas no modelo Simple.
Beijos, Ráh
 

13 comentários:

  1. Ahhhhhhhhh, eu tô louca procurando esse tutorial, ainda bem que vocês postou.
    Pretendo fazer um lay super lecau e esse tuto vai vir a calhar. *-*
    Beijos :3
    u-nicorn.tk

    ResponderExcluir
    Respostas
    1. Agora não está mais :3
      Boa sorte com o Layout ^^

      Excluir
  2. Amei o tutorial Ráh,posso reblogar?
    http://lifeoftheartistoficialbynathy.blogspot.com.br/
    Kisses!

    ResponderExcluir
    Respostas
    1. Pode sim, mas com créditos ao meu blog e ao One Dí Things <3

      Excluir
  3. Este comentário foi removido pelo autor.

    ResponderExcluir
  4. Procurei que nem louuca esse tutorial, mas não sabia como procurá-lo, valeu de mais Ráh !! Bjjjs
    http://sweetgirlsbybrendha.blogspot.com.br/

    ResponderExcluir
    Respostas
    1. Não consigo achar esse código nem a poder de reza..

      Excluir
    2. Obrigada! Achou >^<

      Excluir
  5. Mentira, não achei. E agora ??

    ResponderExcluir
    Respostas
    1. Hmm... Vai tentando dar enter várias vezes, daí você vê onde tem esse código repetido, eu fiz isso ^^

      Excluir
  6. Não consigo...
    Olha o print q tirei.
    file:///C:/Users/user.pc/Downloads/Sem%20t%C3%ADtulo.png

    ResponderExcluir