Usar qualquer tipo de fonte no seu Site

Estava pesquisando na internet uma maneira de utilizar fonts no css diferentes do padrão (Arial, Times e etc..) , e achei esse post interessante sobre Cufón, no blog “Genius Developer”.

Vantagens do Cufón:

  1. Não necessita de instalar plugins, todo o trabalho é feito nativamente pela API.
  2. Compatibilidade, trabalha com os principais navegadores do mercado.
  3. Facilidade de Uso, ou seja, fácil configuração para funcionamento.
  4. Tem que ser rápido mesmo para grande quantidades de texto.

Para saber como utilizar, acesse o site Oficial do Cufón (http://cufon.shoqolate.com/generate/)

Abraços.

WiL.

Google lança site para desenvolvedores no padrão HTML5

AGooglelançou, nesta semana, um novo site de recursos para desenvolvedores, dedicados às tecnologias HTML5, batizado deHTML5Rocks.com.

O site foi dividido em quatro seções principais. A primeira é uma apresentação interativa, para demonstrar os recursos do HTML 5; a segunda, o HTML Playground, para experimentar as capacidades; Tutoriais e Recursos.

As crescentes especificações do HTML5, com recursos multimídia para a web, estão sendo adotadas por empresas como a Google, Microsoft e Apple. O novo padrão é uma série ameaça para o Flash, da Adobe, porque não precisa de aplicativos externos para exibir vídeos e animações.

A nova tecnologia está no centro de uma disputa entre a Adobe e Apple, que cita o HTML5 como uma ferramenta que tornará desnecessário o uso da tecnologia de plugins do Flash.

URL: http://www.html5rocks.com/

Google Font Directory API

Chegou finalmente uma opção bacana para substituirmos as famosas fonts padrões do windows “Arial, Verdana e etc” nos sites.

O Google lançou uma API onde as fonts ficam armazenadas em seu servidor, e importamos as fonts atraves da tag <link>.

Exemplo:
<link href=’http://fonts.googleapis.com/css?family=Cardo‘ rel=’stylesheet’ type=’text/css’>

<style>
h1 { font-family: ‘Cardo‘, arial, serif; }
<style>

Agora, vamos esperar e ver se este será o fim do Arial.

Mais informações:
Google Font Directory
http://code.google.com/webfonts

BrowserShots – Teste seu layout em diferentes navegadores

Amigos,

Estava navegando na internet, e encontrei este site: http://browsershots.org/.

O que é Browsershots?

Browsershots tira screenshots do seu layout em diferentes navegadores. Ele é um serviço livre de código-aberto criado por Johann C. Rocholl. Quando você enviar o endereço de seu site, ele será adicionado à fila de trabalhos. Um número de computadores distribuídos irá abrir seu website em seus navegadores. Então ele irá tirar screenshots e enviá-las para o servidor central.

Muito útil, para testar o alinhamento, posicionamento de div´s, css, em diversos navegadores.

Fica aí a dica.

Abraços.

WiL