É importante reduzir o uso de imagens nas suas páginas por causa do impacto das requisições excessivas. É importante também que os elementos da página escalem com suavidade para diferentes tipos de telas. Usando de forma inteligente o poder das webfonts, esta ferramenta online resolve os dois problemas com um único truque.
Fontello é um gerador de ícones baseados em fontes. Ao invés de usar aqueles arquivos PNG manjados para funcionar como ícones no seu site, esta técnica usa imagens vetoriais, converte em fontes, aplica as webfonts na sua página e usa letras como os ícones que você precisa. O resultado é uma única carga no servidor (do arquivo de fontes), a possibilidade de usar infinitas vezes sem pesar nada na página e a capacidade de escalar para qualquer resolução, como uma fonte faria. E, uma vez que os ícones são texto puro, você pode configurar facilmente efeitos como mudança de cor, tamanho ou sombra.
Parece complicado? Com esta ferramenta online, é tão simples quanto escolher seus ícones em um catálogo. Com centenas de opções royaltie-free, é isso mesmo o que você faz: escolhe os ícones que deseja e o próprio Fontello gera o pacote das webfonts e o código CSS correspondente.
