Colocando fontes personalizadas

As Google Web Fonts, além de serem um pouco mais fáceis de usar, elas também carregam mais rápido o site e funcionam antes de terminar de carregar.

1 - Vá no site google.com/webfonts .

2- Escolha a fonte que vai usar e clique em “Quick-use” do lado direito da caixa da fonte desejada:

                        

3- Depois de clicar em uma no botão, você será levado a uma nova página, basta que você role a página, e você verá uma caixinha assim com um código (atenção, é pra copiar o todo código apenas desta caixa, não da caixa de baixo dela):

          

Depois de copiar o código, cole ele logo depois de <head> (/para procurar dê ctrl+f e procure )

A primeira parte está feita.

Agora basta você configurar qual parte do seu theme usará a fonte.

Primeiro, copie o código que está na caixinha parecida com essa lá na página da fonte:



Agora, copie o código, que vem depois de font-family . Procure por H1 e H2 ( ou no caso dos meus themes h1 e h3 /sim eu engoli o dois mais é costume então vai ficar assim !)  e cole o código no lugar do font-family que vai ter lá . e pronto , você vai ter colocado uma fonte personalizada ! 

Fotos e boa parte do Tutorial / Tumblr Tricks .

Outra boa parte do tutorial foi feita por mim Ana , então creditem ao mundo html ! muito obrigado kk! 

Isso foi postado no dia 19/10/2011 | Às 9:41 | com 92 notes | Permalink | reblog this
  1. thaysvolei reblogged this from mundohtml
1 de 1