Pra quem me conhece sabe que eu sou apaixonado por webdesign e por programação mas ainda não tenho formação nisso, e por isso passo boa parte do meu tempo livre pesquisando e aprendendo na internet, mas aprender tudo na internet nem sempre é uma tarefa muito fácil, encontrar tutoriais específicos que expliquem tudo bem direitinho pode se tornar uma tarefa impossível quando se trata de códigos. E é por esse motivo que hoje eu coloco no ar mais uma NOVIDADE DO BLOG, agora vamos ter tutoriais de programação e design toda semana ( eu acho ).
Eu sei que isso é um tormento na vida de muita gente assim como era na minha também, não saber instalar fontes no código html era algo que me deixava muito triste, por que olhava outros blogs com fontes lindas e não conseguia mudar a minha, até encontrar uma pessoa ( abençoada por Deus ) que me ensinasse direitinho o que eu tinha que fazer e parece que tudo se clareou na minha frente. kkk! Pode até parecer bem complicado mas é mais simples do que se parece! O nosso querido amigo GOOGLE, disponibiliza uma ferramenta online que pode ser considerada o paraíso das fontes online, o google fonts, onde você consegue encontrar uma infinidade delas, de diferentes estilos, tamanhos, formas e etc... E é usando ele que vamos aprender hoje como instalar novas fontes no html do seu blog.
01. ACESSE O SITE E ESCOLHA A FONTE QUE VAI USAR!
Antes de qualquer coisa você precisa entrar no site e escolher a fonte que vai usar, depois disso vamos pra parte de códigos.
02. SELECIONE A FONTE E OS ESTILOS!
Agora que escolheu, você vai selecionar a fonte e caso queira a sua fonte completa, selecione também as opções de estilo que a própria ferramenta disponibiliza para vocês escolher.
ESTILOS!
03. APLICANDO OS CÓDIGOS!
Assim que escolher tudo vamos pra parte mais importante, não é difícil, mas requer bastante atenção para não fazer besteira. No seu blog vá até a aba Modelo-EditarHTML-CrtlF, e procure por <head> ( tag de abertura do código ). Abaixo dela você vai colar o primeiro código que a ferramenta disponibiliza. ( preste atenção se ficou tudo bem certinho, caso alguma coisa tenha ficado em vermelho veja se no final do código tem algo assim " /> " , caso não tenha, coloque! )
OBS: A fonte ainda não vai aparecer!
# Agora vamos aplicar o segundo código, esse você vai aplicar aonde você quer que apareça a fonte, no meu caso quero que ela apreça nos textos dos posts e por isso vou pesquisar a tag .post-body {, agora vem uma parte bem chatinha, você vai substituir a linha aonde está a sua fonte atual pelo segundo código da fonte que você quer instalar. fica assim! ( preste atenção se está colocando no lugar certo )
Bem, depois disso basta salvar e ver se ficou tudo do jeito que você queria, é impossível dar errado, o tutorial é bem simples, caso alguma coisa tenha saído do normal, pressione CrtlZ ( server para desfazer as últimas ações ) e refaça tudo de novo prestando mais atenção.
IMPORTNTE: Se depois de algum tempo você quiser trocar a fonte, não precisa apagar o primeiro código lá na tag <head>, basta colocar o código da nova fonte a baixo e aplicar aonde você deseja!
IMPORTNTE: Se depois de algum tempo você quiser trocar a fonte, não precisa apagar o primeiro código lá na tag <head>, basta colocar o código da nova fonte a baixo e aplicar aonde você deseja!
Gostou? espero muito que sim, espero poder ajudar muita gente com esses pequenos tutoriais que na maioria das vezes nos fazem ficar horas e horas na frente de um código sem saber o que fazer. Lembrando que não sou profissional, apenas vejo alguns tutoriais e explico eles de uma forma mais detalhada e descomplicada pra vocês aqui! ok? ok!
OBS: Todo tutorial que eu postar que seja de outra pessoa vou colocar os créditos do criador!
