Cursos 24 Horas - Cursos 100% Online com Certificado

Google Web Fonts, Troque as fontes do seu blog - Blogger

4 Comentários Autor : Notícia e blog 05 junho 2010

 

font_api-128O Google lançou recentemente um serviço que oferece novas fontes de texto para o seu blog, são fontes bonitas e muito elegantes. Você pode usa-lás em qualquer site de forma gratuita, bastando apenas algumas alterações no HTML. Olhe abaixo um exemplo de fonte que você pode usar:

Teste de Fonte

Veja abaixo como fazer.

Escolhendo a Fonte

1) Acesse o site Google Web Fonts Directory

2) Escolha uma das fontes que o site oferece. E clique nela.

3) Na página seguinte você deverá clicar em Get the code

 Google-fonts

4) Copie o primeiro código que aparecer, será parecido com o seguinte:

<link href='http://fonts.googleapis.com/css?family=Cantarell' rel='stylesheet' type='text/css'>

Obs: Guarde o nome em vermelho para que possamos usar nos passos seguintes.

5) Acesse o painel do Blogger(blogger.com)

6) Vá em “Layout/Design”->“Editar HTML”-> Procure pelo seguinte código utilizando as teclas CTRL e F:

</head>

Agora antes do código acima insira o código obtido no passo 4

7) Salve as alterações.

8) Agora vá em “Postagem”-> “Nova Postagem”-> “Editar HTML” e insira o seguinte:

<span style="font-family: Cantarell; font-size: 24px;">Texto desejado</span>

O nome em vermelho é o que foi dito na observação do passo 4, e em verde é o tamanho do texto, em azul o texto que você quer que apareça com a fonte escolhida.

 

Pronto agora é só publicar a postagem e ver como ficou.

 

Compatível com os seguintes navegadores:

  1. Google Chrome: version 4.249.4+
  2. Mozilla Firefox: version: 3.5+
  3. Apple Safari: version 3.1+
  4. Microsoft Internet Explorer: version 6+

Referência: Bloggerstop

    4 Comentários

    Marilucia disse...
    5 de junho de 2010 15:18 #

    Ola Fernando, adorei a dica, depois vou tentar, ams passei aqui para dizer que deu a você dois selos, ele está no meu outro blog o Pluago em Tecnologia neste link http://plugadotecnologia.blogspot.com/2010/06/selos-premio-dardos.htm.

    Depois quero saber como faço pra colocar este widget do twiiter, aquele outro eu ja uso, mas quero algo mais simples.

    Até breve.

    nitrofurano disse...
    17 de agosto de 2010 08:38 #

    segui passo a passo, e no passo 7 apareceu o seguinte:

    Não foi possível analisar o seu modelo por não estar bem formado. Certifique-se de que todos os elementos XML estão fechados correctamente.
    Mensagem de erro de XML: The element type "link" must be terminated by the matching end-tag "".

    BLOG DO PROFEX disse...
    15 de setembro de 2010 11:08 #

    Fernando, não conhecia seu blog. E com certeza vou seguir de agora em diante. Excelente trabalho. Grande abraço!!

    Marcio Buriti disse...
    15 de dezembro de 2013 22:12 #

    Funcionou não. Acreditei que aqui eu iria conseguir ajuda para inserir novas fontes nas opções de fontes do blogspot. Vou seguir na procura.

    Postar um comentário

    Deixe seu comentário aqui
    Para exibir sua foto, escreva o seu comentário e clique em "Visualizar" e em seguida clique em "Adicionar Foto de Perfil"(Só é exibido quando o comentário é publicado como Conta do Google). Para editar seu perfil Clique aqui.