22/09/2010

Inserindo fontes diferentes em seu site ou blog

Com esta maravilhosa ferramenta, Google Font API, você escolhe uma fonte diferente para colocar no seu site!

Isso mesmo, não precisa mais estar preso as fontes de sistema, aquelas que "todo o computador tem"... Arial e verdana da vida!

Para utilizar a ferramenta, é bem simples:

1. abra esta página: http://code.google.com/webfonts/preview#font-family=Cantarell

2. escolha uma das fontes oferecidas e configure seu tamanho, formatação, estilo...


3. copie esta linha de código e coloque no head de seu html


4. copie o estilo e jogue dentro de seu arquivo css


Prontinho, a primeira fonte que o site oferece, é a "cantarell"... Digamos que você queira que todos os títulos h2 da página use esta fonte... Basta no seu CSS dizer que h2 {font-family: 'cantarel', arial, verdana;}... e assim por diante, as outras configurações como tamanho e formatação você pode aplicar tranquilamente!

6 comentários:

  1. Veja o Cufón:
    http://papermashup.com/using-cufon-font-replacement/

    ResponderExcluir
  2. Não entendi muito bem seu funcionamento... o texto não é selecionável?

    ResponderExcluir
  3. Não é selecionável, mas o texto está lá. É muito útil em títulos.
    Com CSS3 tem a @font-face, onde você pode incorporar o arquivo e usá-lo. Caso o navegador não suporte CSS3 (IE) é só dar outra fonte como alternativa.

    ResponderExcluir
  4. Essa do CCS3 eu já sabia... Bom, curti esse esquema do Cufón, vou fazer um artigo aqui sobre isso ^^

    ResponderExcluir
  5. Não consegui desde o principio..rsr..entrei no site, escolhi a fonte que quero mas não tem a opção para configurar tamanho e etc...como faço?

    ResponderExcluir
  6. Anna, primeiramente obrigado pelo comentário.

    O layout da página mudou, agora este menu de propriedades da fonte fica no topo da página!

    ResponderExcluir

Posts mais populares