Typekit, o fim das Web-safe Fonts?
Está no ar o beta do Typekit, um serviço que promete revolucionar como web designers encaram o processo de desenhar e implementar sites.
O problema:
Hoje em dia são poucas as fontes que são padrão para usuários de diferentes sistemas operacionais e as suas respectivas versões. O que acaba acontecendo, para que tenhamos a segurança de que um site aparecerá da forma como planejamos, é que usamos as fontes mais comuns como Arial, Georgia e Verdana.
A solução?
O Typekit é um serviço que promete permitir total liberdade a desenvolvedores na hora de implementar o design de seus sites, permitindo o uso de qualquer fonte na web, sem a necessidade do usuário a ter instalada. É só se cadastrar no site, incluir a biblioteca de Javascript deles e pronto!
Veja alguns exemplos:
Fonte “Edding 780″:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quam erat, feugiat sed suscipit ac, lacinia sit amet ligula? Nulla facilisi. Mauris et leo tellus. Integer ante leo, eleifend tincidunt ornare non; lacinia quis nisl.
Fonte “CarbonType”:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quam erat, feugiat sed suscipit ac, lacinia sit amet ligula?
Percebeu que não é flash, nem imagem, é texto mesmo! Dá pra selecionar, copiar, etc…Revolucionário, não?
Na verdade, nem tanto! Após investigar um pouco, percebi que o Typekit nada mais faz do que utilizar a nova propriedade de CSS3, @font-face, que permite a inclusão de qualquer fonte em uma página, contanto que seja especificada uma url para a mesma.
@font-face {
font-family: Fenwick;
src: url('fenwick_ol_free.ttf');
}
.ff-fenwick {font-family: Fenwick;}
Veja um exemplo usando somente a propriedade @font-face:
Fonte “Fenwick”:
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Fusce quam erat, feugiat sed suscipit ac, lacinia sit amet ligula? Nulla facilisi. Mauris et leo tellus. Integer ante leo, eleifend tincidunt ornare non; lacinia quis nisl.
Se você está não está vendo nenhuma diferença provavelmente é porque está usando Internet Explorer! Firefox, Opera, Safari e Chrome já oferecem suporte, porém em alguns casos é necessário habilitar a funcionalidade. Leia este artigo para saber mais sobre a compatibilidade dos navegadores.
Para satisfazer a curiosidade do pessoal do Internet Explorer, segue uma foto:
Conclusão
Em relação ao Typekit, não dá para culpá-los. Eles de fato cumprem o que prometem, apesar do método deles não ser estritamente necessário, já que algumas linhas de css produzem o mesmo resultado.
A sacada e proposta de valor deles se dá em relação às fontes comerciais que não podem ser distribuídas de graça: a partir da utilização de 2 fontes, é cobrada uma taxa mensal.
Quanto ao CSS3, que não era nem o assunto deste artigo, fica uma surpresa agradável. Para ser sincero até agora eu nem havia me inteirado muito (apenas com as bordas arredondadas que aparecem pelo site) mas percebi que a hora do CSS3 é agora! E, de fato, estamos chegando ao fim da era das chamadas “web-safe fonts”. RIP.
E você, o que acha? Será mesmo o fim das web-safe fonts, ou é mais uma modinha que não vai dar em nada? Comente!
Agradecimentos: Josh Salverda e CSS3.info
Veja aonde baixar a fonte gratuita Fenwick
Desenvolvedor Web especializado em PHP, MySQL, Javascript e AJAX.
2 março, 2010 às 0:27
Que bom! Me ajudou muito. Vlw pelo artigo. xD