thaysa.com

Poucos de vocês devem saber mas as regras CSS estão fazendo 10 anos e uma marca como essa é uma oportunidade para revisar alguns conceitos que ficaram para trás e quem sabe projetar as mudanças que virão. A poucos dias o pessoal do Webkit (núcleo de renderização do Safari, o browser da Apple) confirmou que vai se juntar ao Opera no suporte as Web Fonts, essa é uma notícia muito interessante e pode marcar o início da maior mudança na aparência das páginas pelo menos até a chegada do aguardado padrão CSS3 (mesmo que tardia). Muito provavelmente você deve estar se perguntando “O que são Web Fonts e porque eu deveria me preocupar com elas?”, e é claro que eu vou fazer uma breve explicação, afinal não teria graça se só eu entendesse o porque elas são sensacionais =P

Se você já visitou o CSS Zen Garden deve ter percebido que uma das coisas que mais impressiona nos layouts é a riqueza das fontes, infelizmente existem milhares de fontes disponíveis nos dias de hoje, mas quem trabalha com webdesign está limitado a no máximo 10 delas (é maravilhoso só poder usar verdana e arial…) que são as fontes que você pode ter certeza que o cliente tem instaladas, pelo menos no windows, são as chamadas fontes universais. Quem quiser layouts ricos como os do Zen Garden tem invariavelmente que apelar para imagens de background, o que é péssimo já que além do custo de carregar a imagem em sí elas não são adaptáveis no contexto da programação, é impossível alterar o texto de uma imagem por javascript por exemplo.

As web fonts vem para resolver esse problema, finalmente poderemos associar fontes diferentes através do CSS e rapidamente obter resultados como esses a partir do mesmo HTML.

Web fonts na prática:
Aqui está um exemplo de como a coisa funciona no código CSS:

@font-face {
   font-family: "Kimberley";
   src: url(http://www.princexml.com/fonts/larabie/ »
   kimberle.ttf)format("truetype");
 }
 h1 { font-family: "Kimberley", sans-serif }

A nova “tag” @font-face permite que uma nova font-family seja criada e associada ao contexto, e que um caminho para download da fonte seja apontado, uma mudança dramática na forma como pensamos formatação de texto hoje na Web. Infelizmente ter o aval de Opera e Safari (dois ótimos browsers) hoje em dia não quer dizer muito, vamos esperar para ver o suporte a esse recurso no Firefox 3 e quem sabe no Internet Explorer.