29 maio 2012

Cufon Simples

Tumblr_m4sjngmn651qbwiabo1_500_large
Hoje trouxe um tutorial de Cufon, (Não é meu, é do blog Sweet Poison) espero que seja útil para vocês :) Como o nome diz, é um Cufon simples, sem tantos códigos. Vamos lá?




Primeiramente, baixe sua fonte. Entre no Dafont, procure por uma fonte e faça o download, clicando no botão destacado:

Salve o arquivo zip na área de trabalho (Desktop):
Abra o arquivo:
Procure pelo arquivo .ttf (Destacado em vermelho na imagem acima). Clique com o botão direito e escolha a opção 'Extrair para a pasta selecionada':


Escolha a área de trabalho e clique em Ok. Feche o arquivo.
Agora hospede a fonte em um servidor de sua preferência (Eu uso o Upload Static File). Copie o link.
Vá para o Blogger > Design > Editar HTML. Tecle Ctrl F e procure por:
]]></b:skin>
Logo acima dessa tag, cole o código abaixo:
@font-face {font-family:NOME; src: url(URL) format("truetype"); }
Substitua as partes em negrito pelo nome e pela URL da fonte, respectivamente.
Agora substitua o nome da fonte atual pelo nome dessa onde você quer usá-la. Salve.

Nenhum comentário:

Postar um comentário

Comente que eu retribuo!