Google Font API - Fontes Diferentes para seu Blogger
Ontem, pelo blog do Google Code, tivemos uma ótima notícia. O Google API está disponibilizando fontes, devidamente licenciadas, que você pode usar em seu blog com apenas 2 linhas de código.
A variedade de fontes disponíveis ainda é pequena, portanto, nem todos os designers poderão substituir completamente as imagens ou arquivos JS como o Cufón .
ara instalar uma fonte em seu blog, acesse o Google Font Directory. Escolha a fonte de sua preferência. Coloque o mouse sobre ela e clique em "Click to embed".
Na página seguinte, clique em "Get the Code"
Copie o código que será disponibilizado. Para o Blogger não acusar erro, precisamos fechar a tag
link, o que você pode fazer colocando a barra / no final do código, como no exemplo abaixo:De preferência essa linha deve ficar antes do início da folha de estilos, lá no início do HTML de seu blog. Cole abaixo da tag
<head> ou acima da tag <b:skin>.Agora, você só precisa colocar o nome da fonte em sua folha de estilos, na div ou class que desejar. Por exemplo, se for colocar como título dos posts:
Creditos : http://www.bloggersphera.com.br/.post h3{font-family:'Tangerine',arial,serif;/* outros estilos */}
Ontem, pelo blog do Google Code, tivemos uma ótima notícia. O Google API está disponibilizando fontes, devidamente licenciadas, que você pode usar em seu blog com apenas 2 linhas de código.
A variedade de fontes disponíveis ainda é pequena, portanto, nem todos os designers poderão substituir completamente as imagens ou arquivos JS como o Cufón .
ara instalar uma fonte em seu blog, acesse o Google Font Directory. Escolha a fonte de sua preferência. Coloque o mouse sobre ela e clique em "Click to embed".
Na página seguinte, clique em "Get the Code"
Copie o código que será disponibilizado. Para o Blogger não acusar erro, precisamos fechar a tag
link, o que você pode fazer colocando a barra / no final do código, como no exemplo abaixo:De preferência essa linha deve ficar antes do início da folha de estilos, lá no início do HTML de seu blog. Cole abaixo da tag
<head> ou acima da tag <b:skin>.Agora, você só precisa colocar o nome da fonte em sua folha de estilos, na div ou class que desejar. Por exemplo, se for colocar como título dos posts:
Creditos : http://www.bloggersphera.com.br/.post h3{font-family:'Tangerine',arial,serif;/* outros estilos */}
Ontem, pelo blog do Google Code, tivemos uma ótima notícia. O Google API está disponibilizando fontes, devidamente licenciadas, que você pode usar em seu blog com apenas 2 linhas de código.
A variedade de fontes disponíveis ainda é pequena, portanto, nem todos os designers poderão substituir completamente as imagens ou arquivos JS como o Cufón .
ara instalar uma fonte em seu blog, acesse o Google Font Directory. Escolha a fonte de sua preferência. Coloque o mouse sobre ela e clique em "Click to embed".
Na página seguinte, clique em "Get the Code"
Copie o código que será disponibilizado. Para o Blogger não acusar erro, precisamos fechar a tag
link, o que você pode fazer colocando a barra / no final do código, como no exemplo abaixo:De preferência essa linha deve ficar antes do início da folha de estilos, lá no início do HTML de seu blog. Cole abaixo da tag
<head> ou acima da tag <b:skin>.Agora, você só precisa colocar o nome da fonte em sua folha de estilos, na div ou class que desejar. Por exemplo, se for colocar como título dos posts:
Creditos : http://www.bloggersphera.com.br/.post h3{font-family:'Tangerine',arial,serif;/* outros estilos */}
Assinar:
Postar comentários (Atom)
Postar um comentário