Um resumo de grandes fontes de ícones
Fontes de ícones são incrivelmente úteis ao projetar um site e têm um grande número de vantagens sobre ícones comuns.
Como eles são entregues como um arquivo de fonte e incorporados como uma fonte, esses ícones são facilmente escalonáveis; suas cores podem ser alteradas ao vivo, em vez de precisar editar imagens; Além disso, vários efeitos podem ser adicionados via codificação, como sombras, efeitos de traçado ou gradientes, tornando-os muito mais versáteis do que as imagens.
Aqui, estaremos reunindo algumas das melhores fontes de ícones que a world wide web tem para oferecer, para você usar em seus sites.
Fico
Fico é uma fonte fantástica, apresentada em um site bonito, o que faz com que seja uma alegria baixar e usar. O site mostra claramente qual letra ou glifo é usado para cada ícone, o que remove o processo às vezes doloroso de baixar uma fonte de ícone apenas para descobrir que você não tem ideia de onde encontrar cada ícone no teclado e passar um tempo precioso percorrendo cada tecla. Estes ícones parecem fantásticos em conjunto com a Helvetica, e as linhas suaves e limpas que trabalham juntas criam automaticamente uma sensação de que o Fico foi feito para fontes sem serifa. Mais exemplos podem ser vistos em seu site.
Pixelated
Pixelated é uma fonte que, apesar de tudo é charme, tem um uso prático. O Pixelated é extremamente leve, os tamanhos dos arquivos de ícones são em média de 60 bytes! Não megabytes, nem kilobytes, bytes! Você também pode baixá-los como GIFs transparentes, portanto, são compatíveis com o IE6 e, se desejar editá-los, você pode fazer o download de um PSD. A fonte vem com dois esquemas de cores, mostrados abaixo, tornando o uso ainda mais simples. É totalmente gratuito e está disponível para uso comercial!
Entypo
Surpreendentemente, para uma fonte com mais de 100 ícones, Entypo vem completamente grátis, e como o Pixelated, está disponível para uso comercial. Ele pode ser baixado como um arquivo vetorial para edição ao lado do arquivo de fonte OpenType. Esta fonte lembra muito os ícones de interface da Apple, usados em iOS5 e OSX10, e como um toque agradável, 50% de todas as doações feitas no site da fonte são doadas para a Wikipedia.
Uicons
Além do nome bastante espirituoso, Uicons ofereça 391 ícones em seu conjunto e inclua ícones específicos de redes sociais que muitas vezes são muito perdidos em fontes de ícones. Não surpreendentemente, este conjunto não é gratuito, no entanto, para um relativamente barato $ 20 todas as atualizações subseqüentes para a fonte são gratuitas. Esses ícones são projetados para serem infinitamente redimensionáveis, tornando o design responsivo, de telas de desktop de 1080p para dispositivos móveis como o iPhone, muito mais fácil. Ele pode ser baixado em vários formatos, mas não como uma fonte atualmente, ele está incluído nesta lista, pois o suporte está pendente e merece um lugar aqui.
Icônico
Icônico é um conjunto de ícones de código aberto que consiste em 171 ícones em vários formatos, incluindo como fonte. Ele é projetado para ser dimensionável, e tem como objetivo ser o conjunto de ícones mais inovador baseado em seu suporte a métodos de exibição / implantação voltados para frente. Os ícones não devem ser apenas claros e atraentes, devem ser fáceis e flexíveis para trabalhar com '. A natureza de fonte aberta dessa fonte significa que ela foi adicionada a itens desnecessários, em vez de ser planejada como um conjunto desde o início, levando alguns ícones bastante interessantes e menos do que os convencionais a serem incluídos no conjunto.
Sanscons
este é uma adaptação de outra fonte, Bitcons , um conjunto de 120 ícones em 10 cores diferentes e vários tamanhos. A Sanscons pretende tornar a Bitcons mais amigável ao CSS, com fundos transparentes e 13 cores. Os ícones também vêm em 16 × 16, 32 × 32 e 64 × 64 pixels, bem como cortados no tamanho. Os ícones 32 × 32 e 64 × 64 têm uma aparência mais volumosa, mantendo o estilo de pixel. O conjunto é gratuito sob a licença de creative commons.
Heydings
Heydings é uma fonte criada a partir do "frustrante déficit de alta qualidade, fontes gratuitas de ícones disponíveis para inclusão", nas palavras dos criadores. Ele contém 60 glifos e o site oferece até CSS para facilitar sua codificação com a fonte. O autor também mapeou os ícones em ordem alfabética para maior facilidade de uso. Eles são projetados para serem usados como parte da interface do usuário principal do site e, portanto, os glifos abrangem uma ampla variedade de sites diferentes.
Apenas Vector
Este conjunto de ícones é acompanhado por um extenso website cobrindo todos os aspectos Apenas Vector , de como ele é renderizado no navegador para o que seria em um site formatado, em vários tamanhos, juntamente com código para tornar o @ fontface'ing mais fácil. Ele inclui ainda um prático guia de solução de problemas que se aplica a todos os webfonts, cobrindo o carregamento em vários navegadores, incluindo os móveis. O site demonstra a escalabilidade da fonte, mostrando tamanhos muito maiores do que muitas fontes de ícone se preocupam em suportar.
Ícones sociais Flexi
Flexi está disponível em myfonts.com, que oferece uma página mostrando a renderização da fonte em vários navegadores. A fonte tem 68 glifos e custa US $ 29 e, além de uma webfont, oferece opções de versatilidade para OpenType OTF e TrueType.
WriteSocial
Writesocial só tem os 18 ícones mostrados abaixo, porém os $ 10 são justificados nas variações nas quais eles podem vir, com opções como ícones quadrados ou circulares. Ele vem com um formato de tipo aberto, além de ser licenciado para uso com @ font-face. Na compra, você recebe um arquivo HTML com vários exemplos de uso da fonte @ font-face. Além disso, você pode optar por pagar US $ 15 para a fonte, em vez do padrão de US $ 10, onde US $ 10 dos US $ 15 vão para Charity: Water.
ikoo
ikoo é uma fonte especialmente desenvolvida para ser integrada em uma página html sem o uso de imagens via @FontFace ou outros meios. Ele é focado na navegação do site e oferece vários ícones realmente limpos nas variantes branca e preta, com 65 ícones gratuitos no total.
InfoBits (Ícones e Dingbats)
Isso dá a você dois sets pelo preço de um, apenas $ 29 por 190 caracteres, InfoBits tem duas fontes de ícones separadas, mostradas abaixo, que também estão disponíveis individualmente por US $ 19 cada. Os personagens têm um estilo lúdico e tradicional, com uma enorme variedade de usos e opções, sendo extremamente versáteis para navegação no site e outros usos periféricos.
Pictos
Pictos é um conjunto de ícones disponível em diversos formatos, e o site possui um keybinder integrado para personalizar sua própria fonte Pictos. Ele contém 650 ícones e é considerado bom o suficiente para ser usado em toda a web, por sites como Microsoft, Adobe e BitTorrent. Por causa da funcionalidade de fonte personalizada, ela é usada diretamente nos servidores Pictos e, portanto, requer uma assinatura escalonável após uma avaliação gratuita de 10 dias. É uma fonte incrivelmente atraente e é fácil ver por que ela é usada por muitos sites confiáveis.
Fonte Incrível
este Fonte é projetado para ser usado com a estrutura CSS do Twitter do Bootstrap, incluindo 220 ícones, dando exemplos dos ícones que estão sendo usados na interface do Bootstrap em seu site. Eles também são dados como ícones vetoriais para fácil edição, e a nova versão 2.0 suporta o IE7, para máxima compatibilidade.
O que você acha do ícone mais útil, um carrinho, um ícone do twitter? Nós sentimos falta de um dos seus sets favoritos? Deixe-nos saber nos comentários.