Melhorando a tipografia de interfaces web com o Google Font Directory
Por
Giuliano Rodrigues de Souza em 28 de maio de 2010
O Google anunciou o lançamento do Google Font Directory que permite navegar e utilizar fontes disponíveis no diretório do Google Font API. De acordo com a empresa, todas as fontes disponíveis possuem licença de uso aberta e são servidas diretamente dos servidores do Google.
“Por muito tempo, a web sofreu junto a outros meios eletrônicos em sofisticação tipográfica. Para aproveitar a riqueza visual de diversas fontes, webmasters têm recorrido a soluções alternativas, como inserir texto em imagens. Graças ao suporte de navegadores para fontes da web, isto está mudando rapidamente. As fonte voltada para a web, ativadas pelo padrão CSS3 @font-face, são hospedadas na nuvem e enviadas aos navegadores quando necessário. “ explica o Google.
O Google Font Directory não somente hospeda as fontes como tona simples a adição de fontes a uma página. Para isso, basta adicionar uma simples linha de código HTML. Por exemplo, se você estiver pensando em usar a fonte Droid Sans, do Android, adicione este código no elemento <HEAD> da sua página:
<link href='http://fonts.googleapis.com/css?family=Droid+Sans' rel='stylesheet' type='text/css' />Depois, você deve adicionar esta regra ao CSS:
h1 { font-family: 'Droid Sans', arial, sans-serif; }A novidade se apresenta muito útil para uso em aplicativos voltados para a web, agilizando assim a velocidade. Entretanto, vale lembrar que interrupções – ligado a queda dos servidores do Google – podem ocorrer.
Google Font Directory - Font Previewer - http://code.google.com/webfonts/preview
Via - Google Discovery
Comentário: o Youtube já substituiu seu player que utilizava o Flash Player por um player compatível com o HTML 5, bem mais acessível. Para mim, o Google Font Directory é mais uma iniciativa para que os desenvolvedores usem cada vez menos a tecnologia Flash da Adobe. A Adobe quis inventar de querer cobrar royalties pelo uso do Flash Player e outras tecnologias das quais se tornou proprietária com a compra da Macromedia e acabou se ferrando. Vai perder mercado cada vez mais e mais, pelo menos entre os desenvolvedores web.
Veja também
- Curso de Introdução ao CSS em 10 vídeo-aulas
- Como funciona o mecanismo de busca do Google
- Como o Google calcula o custo dos links patrocinados
- Variantes do efeito Lightbox para imagens, videos, HTML e sites externos.
Tags:API, CSS, Google, html, Tipografia
Boa dica… isso vai facilitar a vida de muita gente!!!
Grato Giuliano!!